html - 通过 Bootstrap CSS 自定义 CSS

Question

我在一个元素中使用 Bootstrap，我想在我的表格的某些列中居中显示文本。

所以我使用了一个在我的标签中指定的类:

<td class="col_etat" rowspan="4"> MyContent </td>

在我的 CSS 中我有:

.col_etat {vertical-align: middle;}

它不起作用，我们可以看到 Bootstrap CSS 中的类“超过”了我的类:

( http://i.imgur.com/4BVXUAQ.png )

如果我在没有 CSS 的情况下这样做，它会工作，但这不是我想要的:

<td style="vertical-align: middle;" rowspan="4"> MyContent </td>

如果有人知道我必须做些什么才能让它工作!

Answer 1

确保在 bootstrap 的 CSS 文件之后包含 styles.css 文件。在定义 .col_etat 时，您可能还必须更加具体，就像 Bootstrap 一样，所以:

.table > tbody > tr > td.col_etat {
  vertical-align:middle;
}

有一篇关于 CSS 特异性的好文章 here