1。什么是CSS权重?css6majorbasicselector的cssweight是指css6majorbasic选择器的优先级。优先级高的css样式会覆盖优先级低的css样式。优先级越高,权重越高,反之亦然。CSS6主要基本选择器:a)、id选择器(#box{})b)、类选择器(.box{})c)、属性选择器(a[href="http://www.xxx.com"])d)、伪类和伪对象选择器(:hoevr{}and::after{})e)、标签类型选择器(div{})f)、通配符选择器(*{})2、CSS权重计算规则计算CSS权重有一定的规则。根据w3c制定的CSS规范,CSS权重计算规则如下:a)计算选择器中id选择器的个数。一个id选择器是一个a,一个a100b),统计选择器中类选择器、属性选择器、伪类选择器的个数。类选择器、属性选择器、伪类选择器一个是一个b,一个b是10个c),计算标签类型选择器和伪对象选择器的个数是一个标签类型选择器,一个伪对象选择器是一个c,ac是1d),通配符选择器被忽略。下图是一个css选择器的权重示例:如果两个选择器的权重相同,则可以根据“进度原则”进行判断,最后定义的选择器将被使用。但是要尽量避免这种选择器的优先级由定义顺序决定的情况,因为很难保证在后续的维护中不打乱定义的顺序。
