可以覆盖行内样式的只有!important
div {
color: red !important; /* 最高级别 */
}我们一般不会首先使用这类核武器，它会碾压所有的样式规则，因为他拥有终极的权重，这也意味着!important是最不灵活的。
权重的计算
我们可以将纵轴的四级用数字的方式记录为0, 0, 0, 0，即行内样式, ID选择器, 类选择器, 元素选择器。这样无论选择器有多复杂我们都可以精确的计算出来，比如说如下例子中的<a>元素我们可以有很多中选择方式，但不同的选择方式的权重是不同的。
<p>
<span>
<a id="sober" class="black">我是个清醒的链接</a>
</span>
</p>| 选择器 | 权重 |
|---|---|
a |
0,0,0,1（最低） |
p a |
0,0,0,2 |
p > span a |
0,0,0,3 |
.black |
0,0,1,0 |
[class="black"] |
0,0,1,0 |
a.black |
0,0,1,1 |
#sober |
0,1,0,0 |
a#sober.black |
0,1,1,1 |
p a#sober.black |
0,1,1,2（最高） |
登录后评论