css - Bootstrap CSS 不适用于表 td

Question

我正试图摆脱“border-top: 1px solid #dddddd;”对于我的 Bootstrap 网站上的特定表格。

使用内联样式进行更改按预期工作:

<td style="border-top:none; font-weight:bold;">

但是，当我尝试将其添加到 bootstrap.css 文件时，应用了字体粗细，但没有应用 border-top:

<td class="notop">

CSS(也尝试过 '!important'):

.notop {
  border-top:none;
  font-weight:bold;
}

关于为什么这可以内联工作，而不是通过 CSS，有什么建议吗？

Answer 1

最初我打算建议它发生是因为样式表的级联性质，但你说你使用了 !important

只是为了检查一下，您带有 !important 的代码看起来像这样:

.notop {
  border-top:none !important;
}

有时 CSS 与 !important 的使用方式真的很有趣。 此外，CSS 工作表是外部的还是嵌入式的？同样，工作表的顺序通常会导致像这样的奇怪错误。

编辑:此外，如果它是外部样式表，请确保将其包含在 Bootstrap CSS 之后。