Bootstrap CSS忽略样式

Question

我正在使用引导程序2.3模板并遇到一些样式问题。

我在我的页面上有一个表格，我使用class=span4将列定义为特定的宽度。

我的问题是，在这个模板的CSS，有这种风格：

.row [class*="span"] { 
    padding: 0; 
} 

当我使用span标签放在桌子上，它删除所有从它的填充。我无法从主样式表中删除CSS，因为它用于网站中的其他内容。

有没有一种方法可以忽略我正在处理的表格，或者想出另一种风格，将其恢复到我正在处理的页面上应该显示的内容？

Answer 1

您可以尝试使用！重要规则。

.row [class*="span"] { 
    padding: 0!important; 
} 

其他的事情要考虑：

1. 确保您有bootstrap.css和引导，theme.css后您的样式
2. 让你的风格比你想覆盖的风格更具体。

Answer 2

您必须添加一个特殊的类来覆盖跨度在那些行

<tr class="row"> 
<td><span class="special-span"></span></td> 
</tr> 

，然后在你的CSS

.row .special-span{ 
padding: 10px !important; 
}