HTML中CSS类的顺序真的无关紧要

2019-12-25408次阅读css

没错!我们不妨来做一个演示:

.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中的类无关。

上一篇: self,top,parent,opener详解  下一篇: js从数组中删除重复项  

HTML中CSS类的顺序真的无关紧要相关文章