当前位置: 首页 > Web前端 > CSS

选择器的权重

时间:2023-03-30 18:39:16 CSS

Theweightoftheselector当我们通过不同的选择器选择同一个元素,并且样式设置不同,这时候就会发生样式冲突。当发生样式冲突时,应用哪种样式取决于选择器的权重(优先级)决定。1.第一类:表示行内样式,如:样式,权重为1000。2.第二类:表示ID选择器,如:#content,权重为0100。3.第三类:表示类,伪类和属性选择器,如.content,权重为0010。4.第四类:表示类型选择器和伪元素选择器,如divp,权重为0001。5.通配符,子选择器、相对相邻选择器等。如*、>、+,权重为0000。6、继承的样式没有权重。对于特殊的选择器,比如复合选择器,会将所有选择器的权重加在一起,优先级更高。分组选择器是单独计算的。如果优先级计算相等,则优先使用较低的位置。