微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

css优先级

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层叠时,所有的重要声明和非重要声明会分开进行层叠。如果重要声明和非重要声明冲突,会应用重要声明的样式。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐