一个DOM元素同时拥有多个类名时的样式产生冲突时 属性取决于css样式表中后读取到的属性
如果一个DOM元素包含多个类名,其中的两个类名的属性产生冲突,并不是根据html中类名的顺序来决定DOM元素的属性,
而是根据css样式中的顺序来决定DOM元素的属性,它取决于css样式表中后读取到的属性。
例如:
html
<div class="function hidden show"></div>
css:
.show{
display:block;
}
.hidden{
display:none;
}
div元素的display属性最终为none;
posted on 2017-07-04 17:23 ranyonsue 阅读(2148) 评论(0) 编辑 收藏 举报