层叠

选择器的特殊性：

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,

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有