css样式加载顺序:
A: id选择器指定的样式 > 类选择器指定的样式 > 元素类型选择器指定的样式
B: 如果要让某个样式的优先级变高,可以使用!important来指定:
.class1 {
color: black !important;
} .class2 {
color: red;
}
C: 对于相同类型选择器制定的样式,在样式表文件中,越靠后的优先级越高,建个火车站:
.classA {
color: black;
} .classB {
color: red;
}
注意,这里是样式表文件中越靠后的优先级越高,而不是在元素class出现的顺序。比如.classB 在样式表中出现在.classA之后,而某个元素指定class时采用 class="classB classA"这种方式指定,此时虽然classA在元素中指定时排在classB的后面,但因为在样式表文件中classA处于classB前面,此时仍然是classB的优先级更高,color的属性为red,而非black。