css - 引导 CSS 不适用于表 td

Question

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

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

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

但是，当我尝试将其添加到 bootstrap.css 文件中时，会应用字体粗细，但不应用边框顶部：

<td class="notop">

CSS（也尝试过使用'！important'）：

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

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

score 2 · Accepted Answer

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

只是为了检查一下，您的代码!important如下所示：

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

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

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

1 回答 1