Bootstrap - 表css问题答案

【问题标题】：Bootstrap - table css issueBootstrap - 表css问题
【发布时间】：2014-09-26 08:46:56
【问题描述】：

我对表格的样式有疑问。

当我尝试更改 <thead> 的填充时，它不会改变。

它发生在更多样式元素上。

这是我的代码：

结果如下：

【问题讨论】：

【解决方案1】：

一种解决方案是为您的填充添加!important 标志：

table th{
  padding: 50px !important;
  background-color: #ffb74d;
  color:#EEEEEE
}

【讨论】：

谢谢！你能解释一下 !important 是做什么的吗？
@iYonatan - !important 标志会覆盖可能对给定 css 属性的元素产生影响的任何其他样式（包括内联）。例如。您有一个具有黑色内联样式的元素，并且在您的外部 css 中，您将颜色设置为蓝色。通常内联样式会覆盖外部样式。但是!important 标志将其推翻。正如!important 所说，元素必须将此属性与此值一起使用。

【解决方案2】：

查看您的代码后，我注意到了以下内容。您的 CSS 正在定义...

table th{
          padding: 50px;
         background-color: #ffb74d;
         color:#EEEEEE

     }

但是在那些<th> 上，你有类和内联样式。最好在一个地方定义所有这些以保持一致性。

试试……

table > thead > th {
              padding: 50px;
             background-color: #ffb74d;
             color:#EEEEEE

                    }

【讨论】：