Bootstrap CSS未应用于表td

Question

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

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

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

但是，当我尝试将其添加到bootstrap.css文件中时，会应用font-weight，但是border-top不是：

<td class="notop">

CSS（也试过'！important'）：

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

有关为什么这可以内联工作但不能通过CSS工作的任何建议？

Answer 1

最初我会建议发生这种情况是因为样式表的级联性质，但是你说你使用了!important

要检查一下，!important的代码如下所示：

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

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

编辑：另外，如果它是外部样式表，请确保在引导CSS后包含。