权重:
!important(infinity) > 行内样式 (1000)> id (100)> class / 属性选择器 / 伪类(10) > 标签选择器 / 伪元素(1) > 通配符(0)
权重值进制为256
权重计算
<div id="divId" class="divClass"></div>
/* 权重值计算:同级相加,即为复杂选择器权重,所以该 div 背景色为 red */
div {
width: 100px;
height: 100px;
}
/* 1 + 100 + 10 */
div#divId.divClass {
background-color: red;
}
/* 100 + 10 */
#divId.divClass {
background-color: green;
}