关于css:选择器的权重

选择器的权重

当咱们通过不同的选择器选中雷同的元素,且款式设置不同时,此时产生款式抵触产生款式抵触时,利用哪个款式由选择器的权重(优先级)决定。

1. 第一等:代表内联款式,如: style,权值为1000。

2. 第二等:代表ID选择器,如:#content,权值为0100。

3. 第三等:代表类,伪类和属性选择器,如.content,权值为0010。

4. 第四等:代表类型选择器和伪元素选择器,如div p,权值为0001。

5. 通配符、子选择器、相邻选择器等的。如*、>、+,权值为0000。

6. 继承的款式没有权值。

对于非凡的选择器,如:复合选择器,则是将将所有选择器的权重相加,高的优先。分组选择器独自计算如果优先级计算相等,则优先应用靠下的地位。

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理