首页 > Web开发 > 详细

css优先级计算规则

时间:2018-09-03 13:14:57      阅读:192      评论:0      收藏:0      [点我收藏+]

选择器的特殊性值表述为4个部分,用0,0,0,0表示。

  • ID选择器的特殊性值,加0,1,0,0
  • 类选择器、属性选择器或伪类,加0,0,1,0
  • 元素和伪元素,加0,0,0,1
  • 通配选择器*对特殊性没有贡献,即0,0,0,0
  • 最后比较特殊的一个标志!important(权重),它没有特殊性值,但它的优先级是最高的,为了方便记忆,可以认为它的特殊性值为1,0,0,0,0

例如:以下规则中选择器的特殊性分别是:    

a{color: yellow;} /*特殊性值:0,0,0,1*/
div a{color: green;} /*特殊性值:0,0,0,2*/
.demo a{color: black;} /*特殊性值:0,0,1,1*/
.demo input[type="text"]{color: blue;} /*特殊性值:0,0,2,1*/
.demo *[type="text"]{color: grey;} /*特殊性值:0,0,2,0*/
#demo a{color: orange;} /*特殊性值:0,1,0,1*/
div#demo a{color: red;} /*特殊性值:0,1,0,2*/

 详细内容戳这里 

css优先级计算规则

原文:https://www.cnblogs.com/lulin1/p/9577638.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!