选择器的特殊性:

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,

posted on 2016-12-11 23:17  芹菜菜  阅读(91)  评论(0)    收藏  举报