龙空技术网

前端错题集|多个class定义同一个属性,哪一个会生效呢?

Owen大前端时代 102

前言:

眼前你们对“css多个class的执行顺序”可能比较关怀,各位老铁们都想要知道一些“css多个class的执行顺序”的相关文章。那么小编也在网络上搜集了一些对于“css多个class的执行顺序””的相关内容,希望咱们能喜欢,大家一起来了解一下吧!

巴菲特的合伙人查理.芒格经常说研究失败的案例远比成功的案例重要,小编也觉得错误更应该被重视。小编帮大家汇集了一些面试中容易做错的题目,希望大家在面试时能避免这些错误。

今天第一题是关于CSS的,如果一个元素上有多个class,这些class定义的是同一个属性?那哪一个class会最终生效呢?比如下面的列子:

请问<a>标签文字是什么颜色呢?大家可以先思考一下,应该是什么颜色并思考一下原因。

小编实测结果是blue生效,不是因为<a>标签的最后一个class是blue,而是因为blue是最后被定义的类。如果调整class定义的顺序,就会改变文字的颜色。

这个易错的知识点今天小编分享给你了,希望能在面试中帮助到你。

欢迎你留言评论,转发,也欢迎你关注我的公众号:前端时代(FrontEndAge)

标签: #css多个class的执行顺序