如果一个DOM元素包含多个类名，其中的两个类名的属性产生冲突，并不是根据html中类名的顺序来决定DOM元素的属性，
而是根据css样式中的顺序来决定DOM元素的属性，它取决于css样式表中后读取到的属性。
例如：
html
<div class="function hidden show"></div>
css:
.show{
display:block;
}
.hidden{
display:none;
}
div元素的display属性最终为none;
一个DOM元素同时拥有多个类名时的样式产生冲突时 属性取决于css样式表中后读取到的属性
2017-07-04
1112
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
如果一个DOM元素包含多个类名，其中的两个类名的属性产生冲突，并不是根据html中类名的顺序来决定DOM元素的属性，而是根据css样式中的顺序来决定DOM元素的属性，它取决于css样式表中后读取到的属性。
目录
相关文章
|
5天前
|
JavaScript
前端开发
开发者
.js的dom元素操作
【10月更文挑战第29天】通过灵活运用这些 DOM 元素操作方法，JavaScript 可以实现丰富的网页交互效果，如动态更新页面内容、响应用户操作、创建和删除页面元素等。在实际开发中，开发者可以根据具体的需求和场景，选择合适的 DOM 元素操作方法来实现所需的功能，为用户提供更加流畅和动态的网页体验。
28
4
4
|
5天前
|
JavaScript
前端开发
|
10天前
|
Web App开发
前端开发
iOS开发
|
5天前
|
JavaScript
前端开发
API
|
10天前
|
前端开发
|
27天前
|
前端开发
JavaScript
|
27天前
|
前端开发
|
前端开发
css样式表中的样式覆盖顺序(转)
有时候在写CSS的过程中，某些限制总是不起作用，这就涉及了CSS样式覆盖的问题，如下
Css代码
#navigator {
height: 100%;
width: 200;
position: absolute;
left: 0;
border: solid 2 #EEE;
}
.
748
0
0
|
3月前
|
前端开发
|
3月前