一个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;

 

上一篇:【温故而知新-Javascript】时间效果(显示当前时间、显示当前日期、显示页面停留时间、倒计时)


下一篇:如何为配置文件加密