没错!我们不妨来做一个演示:
.a {
color: red;
}
.b {
color: blue;
}
<div class="a b">这是一些文本文字</div>
文本是蓝色的,因为.b是在CSS中最后定义的。但是,如果我们改变这些类在HTML中调用顺序,又会怎样?
<div class="b a">这是一些文本文字</div>
结果说明这些CSS类在HTML中无论处于什么顺序,上面的示例中的文本始终都是蓝色的。
这是因为标签中的类只是按照编写的顺序读取CSS—在此示例中,级联取胜。也可以说CSS总是从上到下、从右到左进行,因此CSS的顺序与HTML中的类无关。