css樣式加載順序:css
A: id選擇器指定的樣式 > 類選擇器指定的樣式 > 元素類型選擇器指定的樣式spa
B: 若是要讓某個樣式的優先級變高,能夠使用!important來指定:code
.class1 { color: black !important; } .class2 { color: red; }
C: 對於相同類型選擇器制定的樣式,在樣式表文件中,越靠後的優先級越高,建個火車站:blog
1 .classA { 2 color: black; 3 } 4 5 .classB { 6 color: red; 7 }
注意,這裏是樣式表文件中越靠後的優先級越高,而不是在元素class出現的順序。好比.classB 在樣式表中出如今.classA以後,而某個元素指定class時採用 class="classB classA"這種方式指定,此時雖然classA在元素中指定時排在classB的後面,但由於在樣式表文件中classA處於classB前面,此時仍然是classB的優先級更高,color的屬性爲red,而非black。class