选择器权重

一、选择器权重的优先级

            !important                           至高的           
           内联样式                                   1000
           id选择器                                     100
           类选择器、伪类选择器               10
           元素选择器                                    1
           通配选择器、关系选择器          0

           继承选择器                             没有权重 

图上的数字不是说明起权重的大小,而是直观的比较权重的优先级

 注意:

       1、 比较优先级的时候,需要将所有的选择器的优先级进行相加,最后优先级最高的,则优先显示

          2、 并集选择器(分组选择器)是单独计算

          3、如果优先级计算后相同,则采用靠下的样式

          4、选择器的累加,不会超过上一级数量级(比如:再多的类选择器相加,也不会超过id选择器)

          5、在样式后添加  !important  慎用

二、熟悉各类选择

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值