CSS选择器的权重与优先规则



important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符”


一条样式规则的整体权重值包含四个独立的部分:[A, B, C, D];

A表示内联样式,只有1或者0两个值;

B表示规则中ID的数量;

C表示规则中除了ID、标签和伪元素以外的其它选择器数量;

D表示规则中标签和伪元素的数量;

比较时从高位到低位(从A到D)分别比较,高位相同才需要比较低位;

有 !important 标记的属性权重值无视没用 !important 指定的一切情况;

多次指定 !important 时,相互抵销。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值