一个DOM元素同时拥有多个类名时的样式产生冲突时 属性取决于css样式表中后读取到的属性

时间:2023-12-15 17:37:26

如果一个DOM元素包含多个类名,其中的两个类名的属性产生冲突,并不是根据htnl中类名的顺序来决定DOM元素的属性,

而是根据css样式中的顺序来决定DOM元素的属性,它取决于css样式表中后读取到的属性。

例如:

html

<div class="function dropdown show"></div>

css:

.show{

display:block;

}

.hidden{

display:none;

}

div元素的display属性最终为block;