css样式加载顺序:
A: id选择器指定的样式 > 类选择器指定的样式 > 元素类型选择器指定的样式
B: 如果要让某个样式的优先级变高,可以使用!important来指定:
.class1 { color: black !important; } .class2 { color: red; }
C: 对于相同类型选择器制定的样式,在样式表文件中,越靠后的优先级越高,建个火车站:
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。