略微加速

略速 - 互联网笔记

标签class属性定义两个类名的优先级

2016-05-24 leiting (3643阅读)

标签 HTML/CSS/XML

标签class属性定义两个类名时,该标签会被添加上两个class对应的css样式,如果两个类相互冲突又怎么解决呢?相对在CSS文件中后面定义的样式具有较高优先级,而不是根据标签中定义的类名先后顺序来确定样式优先级。

举例:

Css代码  收藏代码

.m1{background-color: gray;}  

.m2{background-color: blue;}  

 

Html代码  收藏代码

<div class="m1 m2"></div>  

<div class="m2 m1"></div>  

 

效果如下:不管class中类名顺序如何改变都会展示css中靠后的样式。

北京半月雨文化科技有限公司.版权所有 京ICP备12026184号-3