css的特殊性笔记总结
css 的特殊性也叫做css的权重。
在css的选择器中,不同的选择器有不同的优先权也就是特殊性。选择器的特殊性由选择器本身的组件确定。特殊性值得表述为4个部分,如:0,0,0,0.
(1)对于选择器中给定的各个ID属性值,加0,1,0,0。
(2)对于选择器中给定的各个类属性值、属性选择或伪类,加0,0,1,0。
(3)对于选择器中给定的各个元素和伪类,加0,0,0,1。
(4)结合符合通配符选择器对特殊性没有任何贡献,也即是0,0,0,0。
(5)继承的值根本没有特殊性,也就比0,0,0,0还要低。
css解析时,都是从右到左解析选择器的,最右边的选择器越具体,其效率越高。通常#ID和.class前面不应加累赘的标签,否则影响到效率和权重。
按照权重和来源排序
在声明权重方面要考虑5级。权重由大到小的顺序依次为(重要声明是拥有!important):
(1)读者的重要声明
(2)创作人员的重要声明
(3)创作人员的正常声明
(4)读者的正常声明
(5)用户代理声明
如果两个规则中的权重、来源和特殊性完全相同,那么在样式表中后出现的一个会胜出.
css2.1的层叠规则:
(1)找出所有相关的规则,这些规则都包含与一个给定元素匹配的选择器。
(2)按照显式权重对应用到该元素的所有声明排序。标志!important的规则的权重要高于没有!important标志的规则。
(3)按照来源对应用到给定元素的所有声明排序。共有3种来源,创作人员,读者和用户代理。正常情况下,创作人员 > 读者模式 > 用户代理的默认样式。
(4)按照特殊性对应用到给定元素的所有声明排序。有较高特殊性的元素权重要大于有较低的特殊性的元素。
(5)按照出现的顺序应用到给定元素的所有声明排序。一个声明在样式表或文档中越后出现,它的权重就越大。如果样式表中右导入的样式表,一般认为出现在导入样式表中的声明在前,主样式表中的所有声明在后。
ps:参考《css权威指南》
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。