【问题标题】:Bootstrap CSS not applied to table td引导 CSS 不适用于表 td
【发布时间】:2013-07-12 23:38:20
【问题描述】:

我正在尝试摆脱“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 工作的任何建议?

【问题讨论】:

标签: css twitter-bootstrap html-table


【解决方案1】:

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

只是检查一下,您的 !important 代码如下所示:

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

有时 CSS 对!important 的使用方式非常有趣。 另外,CSS 表是外部的还是嵌入的?同样,工作表的顺序经常会导致类似这样的奇怪错误。

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

【讨论】:

  • 谢谢!我确实正确应用了“!重要”,但似乎问题出在头文件中调用样式表的顺序上。
  • @dropknow1edge 乐于助人。 :)
猜你喜欢
  • 2017-05-13
  • 2017-04-02
  • 2021-03-10
  • 2015-11-04
  • 1970-01-01
  • 2019-02-20
  • 1970-01-01
  • 2017-12-24
  • 1970-01-01
相关资源
最近更新 更多