CSS 优先级 详细分析

10p.bright {color:yellow;}1+10=11p.bright em.dark {color:brown;}1+10+1+10=22#id316 {color:yellow}100

通过上面，就可以很简单的看出，HTML标记的权重是1,CLASS的权重是10,ID的权重是100，继承的权重为0（后面会讲到）。

按这些规则将数字符串逐位相加，就得到最终的权重，然后在比较取舍时按照从左到右的顺序逐位比较。

优先级问题其实就是一个冲突解决的问题，当同一个元素（内容）被CSS选择符选中时，就要按照优先级取舍不同的CSS规则，这其中涉及到的问题其实很多。

说到这里，我们不得不说一下CSS的继承性。
上一页12 3 4 下一页 阅读全文