CSS是前端工程师的必备技能之一，很多前端开发同学日常都离不开CSS。然而在面试中经常会遇到这样的一个问题：class的顺序会影响样式展示吗？

比如下面的CSS：

// css.a {  color: red; } .b {  color: blue; }

如果HTML是这样：

<div class="a b">Here’s some text</div>

请问文字是什么颜色的？蓝色？红色？大家思考一下。

如果HTML变成这样呢？

<div class="b a">Here’s some text</div>

这时候文字又是什么颜色呢？

思考5秒钟。。。

正确的答案是，上面两种HTML的结果是一样的。也就是说class的顺序并不会改变样式，上面例子中的文字都是蓝色的。

CSS样式并不和元素上class的顺序有关系，而是和class定义的顺序有关系。对于同一个属性，会按定义顺序读取，后定义的会覆盖前面定义的值。

这个问题虽然很简单，但是我在面试中也见过很多候选人答错。

欢迎你给我留言，转发。希望能对你有帮助。