CSS 的混合和冲突解决

最重要的就是下面这个准则：

 

谁离得最近，影响力越大。

 

定量的计算如下：

 

tag选择器只有1分

class选择器有10分

id选择器有100分

 

然后你就可以去加这些分数，分数高的CSS选择器就有决定权。如果两个分数一样，那么后定义谁谁获胜。除非下面这种情况：

p.byline a { color: red ！important; }
p a.email { color: blue; }

 

那么只要能用第一个就不会选择第二个。