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

相关文章
相关标签/搜索