选择器的特殊性:
id属性值,加0,1,0,0
类属性值,属性选择,伪类,加0,0,1,0
元素和伪元素,加0,0,0,1
结合符和通配选择器对特殊性没有贡献,或者说贡献为0
每个内联声明的特殊性都是1,0,0,0
重要性
一个重要声明和一个非重要声明冲突,胜出的总是重要声明。重要声明的写法:声明的结束分号之前插入!important,如p.dark{color:#333 !important; background:white;}
继承
继承的值根本没有特殊性,连0特殊性都没有,0特殊性比无特殊性要强

如上代码所示,对于“天气”二字,按照继承,应该是黑色(#000);若按照通配选择器则应该是灰色(gray),用于通配符对特殊性的贡献为0,0,0,0,而继承对特殊性没有贡献,0特殊性比没有特殊性强,所以“天气”的样式会是通配选择器的样式。该例子说明了通配选择器有一种短路继承的效果。

当两个规则的特殊性相同时,后出现的权重大。如果样式表中有导入的样式表,一般认为出现在导入样式表中的样式在前,主样式表中的声明在后。
权重方面排序
1.读者的重要声明
2.创作人员的重要声明
3.创作人员的正常声明
4.读者的正常声明
5.用户代理的声明
由于这种顺序排序,所以推荐的链接样式顺序为link-visited-hover-active,
浙公网安备 33010602011771号