如何覆盖另一个样式表中指定的样式？
我不想使用 !important 标记来覆盖它们。我宁愿指定一个新的样式表，把样式放在那里。这可以通过改变样式表的加载顺序来实现吗？
【问题讨论】：
another style sheet 不一定是twitter-bootstrap。
标签： css
这取决于。 CSS 代表 Cascading Style Sheets，样式的应用有一个特定的顺序，会覆盖以前的样式。无需赘述：
那么，什么是特异性？基本上，它是规则中每个选择器的总和。所以这个：
a {
background-color: black;
color: white;
}
比这更少特异性：
body a {
color: orange;
}
ID 选择器比类选择器具有更高的特异性，类选择器具有与伪类选择器相同的特异性，伪类选择器比标签选择器具有更高的特异性。因此，如果您的所有内容都包含在 <div> 和 id 的 content 中，您将能够覆盖如下所示的样式：
body a {
border: 0;
}
与：
#content a {
border: 1px solid black;
}
【讨论】：
应该首先加载 boostrap 样式表，然后是您的样式表，这样您的覆盖将被拾取。
这在文档中称为“级联”：
级联
这是一些样式表语言（例如 CSS）提供的功能，允许混合来自多个来源的样式信息 一起。例如，这些可能是企业风格指南， 一组文档共有的样式，以及特定于单个文档的样式 文档。通过单独存储这些，样式表可以重复使用， 简化创作并更有效地利用网络 缓存。 级联定义了样式表的有序序列，其中 后面的工作表中的规则比以前的规则具有更高的优先级。 不是 所有样式表语言都支持级联。
【讨论】：
如果你可以增加specificity of styles，你可以不加!important。
例如：
HTML
<div id="selector">
<a>Hello</a>
<a class="specific">Hi</a>
</div>
CSS
div a {}
如果您在#selector 中提供特定类，将被忽略
.specific { }
这是demo 解释我的观点。基本上，这个想法是尽可能接近地定义样式。
【讨论】：
看看http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html。
<p class="example">
This is a <strong>test</strong>.
</p>
strong { color: red; }
p strong { color: green; }
p.example strong { color: blue; }
文本将是蓝色的。规则的顺序无关紧要。
【讨论】：