Bootstrap CSS忽略样式

Question

我正在使用bootstrap 2.3模板并遇到一些样式问题。

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

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

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

当我在表格上使用span标记时，它会从中移除所有填充。我无法从主样式表中删除css，因为它用于站点内的其他内容。

有没有办法可以忽略我正在制作的表格，或者提出另一种风格，将其恢复到我正在处理的页面上应该是什么状态？

Answer 1

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

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

然后在你的CSS中

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

Answer 2

您可以尝试使用！important规则。

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

需要考虑的其他事项：

1. 确保在bootstrap.css和bootstrap-theme.css
之后包含您的样式
2. 使您的风格比您尝试覆盖的风格更具体。