加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > C语言 > 正文

css优先级

发布时间:2020-12-15 00:15:26 所属栏目:C语言 来源:网络整理
导读:css属性层叠的时候考虑3点:继承,特殊性和来源。这里只看特殊性: 内联样式:1,0,0,0 id选择器:0,1,0,0 class选择器,属性选择器,伪类:0,0,1,0 元素选择器,伪元素:0,0,0,1 通配选择器:0,0,0,0 继承值:无特殊性 计算时特殊性就是简单

css属性层叠的时候考虑3点:继承,特殊性和来源。这里只看特殊性:

  • 内联样式:1,0,0,0

  • id选择器:0,1,0,0

  • class选择器,属性选择器,伪类:0,0,1,0

  • 元素选择器,伪元素:0,0,0,1

  • 通配选择器:0,0,0,0

  • 继承值:无特殊性

计算时特殊性就是简单的把各位上的数字相加,然后从第一位开始比较。只有前一位比较不出时才会比较下一位,换言之,0,1,0,0特殊性高于0,0,10,100。

通配选择器(*)的0,0,0,0特殊性高于无特殊性的继承值。

!important其实和特殊性无关,它属于重要声明。css层叠时,所有的重要声明和非重要声明会分开进行层叠。如果重要声明和非重要声明冲突,会应用重要声明的样式。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读