优先级

优先级注意的问题

选择器选择器权重
继承或者*0,0,0,0
元素选择器0,0,0,1
类元素选择器,伪类选择器0,0,1,0
ID选择器0,1,0,0
行内样式 style=“”1,0,0,0
!important无穷大
注意点
  • 权重是有四位数字组成,但不会有进位
  • 可以理解为类选择器永远大于元素选择器,id永远大于类
  • 等级判断从左到右,如果有一位相同,判断下一位
  • 继承的权重为0,如果该元素没有直接选中,不管父元素权重有多高,子元素得到的权重都是0
  • 如果这个标签被直接选中,则不管父元素
复合选择器会有权重叠加的问题
<style>
    ul li {//0,0,0,1+0,0,0,1=0,0,0,2
       color:green;
       }
    li {
       color:red;
       }
    .nav li {//0,0,1,0+0,0,0,1=,0,0,1,1
       color:yellow;
       }
      
 </style>
<body>

    <ul class="nav">
        <li></li>//黄色
    </ul>
</body>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值