css樣式加載順序

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

相關文章
相關標籤/搜索