div{}                                      /*權(quán)重為1*/
.class1{}                                 /*權(quán)重為10*/
#id1{}                                   /*權(quán)重為100*/ 
#id1 div{}                             /*權(quán)重為100+1=101*/
.class1 div{}                        /*權(quán)重為10+1=11*/
.class1 .class2 div{}            /*權(quán)重為10+10+1=21*/
li:hover {
    color: blue !important;     /*權(quán)重大于所有*/
}

• 如果權(quán)重相同，則最后定義的樣式會(huì)起作用
• id 權(quán)重為 100，類和偽類權(quán)重為 10，元素和偽元素全重為 1
• 否定偽類選擇器 :not() 的權(quán)重:它的權(quán)重是由括號(hào)內(nèi)的內(nèi)容決定
• 如果兩個(gè)選擇器作用在同一元素上，則權(quán)重高者生效
• CSS2 規(guī)范中規(guī)定: !important 用于單獨(dú)指定某條樣式中的單個(gè)屬性。對(duì)于被指定的屬性，有 !important 指定的權(quán)重值大于所有未用 !important 指定的規(guī)則。