权重问题easy

博客介绍了CSS选择器的权重规则,包括行内、内部、外部样式的优先级,以及!important、id选择器、类选择器等的权重顺序。还说明了复合选择器权重的计算方法,通过比较不同位置零的大小来确定权重高低,若都相等则使用后面的样式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.行内>内部=外部

2.!important >行内>id选择器>类选择器>元素选择器>通配符选择器>继承

复合选择器权重的计算

(0 0 0 0)
            第一个零表示!important的个数
            第二个零表示ID选择器的个数                                      #
            第三个零表示类选择器的个数,伪类,属性选择器    .  :  [ ]
            第四个零表示标签选择器的个数 ,伪元素选择器     找名 找::
            比较时:从第一个零开始,如果第一个零大,那么就是这个选择器的权重高
            如果大小相等,比较第二个“0”的大小,如果第二个零大那么这个选择器的权重高
            还相等,以此类推

最后:如果比较完后都相等,使用后面的样式

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值