css选择器权重
2017-05-27 本文已影响29人
红姑娘
css选择器权重示例：
屏幕快照 2017-05-27 09.56.17.png
.html
<body>
<div class="c1">
<!--内联 权重最高 a style="color:#1EC8F6;"-->
<h3 class="c2" id="id2">你好</h3>
</div>
</body>
.css
/*标签选择器 权重d*/
h3{
color: #DF492F
}
/*class选择器 权重c*/
.c1{
color: #1EC8F6
}
/*组合选择器 权重c d*/
.c1 h3{
color: #007C2F;
}
/*组合选择器 权重c c*/
.c1 .c2{
color:#0097BF ;
}
/*id选择器 权重b*/
#id2{
color: #CAF1CA;
}
/*组合选择器 权重重的在前 权重b c*/
.c1 #id2{
color: #090909;
}
