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