CSS 定义的权重

div{}                                      /*权重为1*/
.class1{}                                 /*权重为10*/
#id1{}                                   /*权重为100*/ 
#id1 div{}                             /*权重为100+1=101*/
.class1 div{}                        /*权重为10+1=11*/
.class1 .class2 div{}            /*权重为10+10+1=21*/
li:hover {
    color: blue !important;     /*权重大于所有*/
}

• 如果权重相同，则最后定义的样式会起作用
• id 权重为 100，类和伪类权重为 10，元素和伪元素全重为 1
• 否定伪类选择器 :not() 的权重:它的权重是由括号内的内容决定
• 如果两个选择器作用在同一元素上，则权重高者生效
• CSS2 规范中规定: !important 用于单独指定某条样式中的单个属性。对于被指定的属性，有 !important 指定的权重值大于所有未用 !important 指定的规则。