html加载多个class，有的只加载了一个，有的两个都加载了，为何？_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了html加载多个class，有的只加载了一个，有的两个都加载了，为何？_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2384字，纯文字阅读大概需要4分钟。
内容图文
spe_top banner_top 和 spe_top banner_top 这两个分别只有一个有效 header_img spe_img 两个都有效
HTML 代码
CSS代码
.spe_header{height:150px;}
.header{background:#0CC repeat;height:700px;color:white;}
.spe_top{height:150px;}
.banner_top{background:rgb(0, 229, 238) repeat;height:700px;position:relative;top:0;}
.header_img{margin:0 auto;width:70%;height:800px;background:url(../images/banner.jpg) no-repeat;background-size:cover;position:absolute;top:0;left:230px;}
.spe_img{height:150px;}
回复讨论(解决方案)
.spe_header{height:150px;}.header{background:#0CC repeat;height:700px;color:white;}.banner_top{background:rgb(0, 229, 238) repeat;height:700px;position:relative;top:0;}.header_img{margin:0 auto;width:70%;height:800px;background:url(../images/banner.jpg) no-repeat;background-size:cover;position:absolute;top:0;left:230px;}.spe_img{height:150px;}.spe_top{height:150px;}/*同样优先级的选择器，相同属性的样式，写在后面的会覆盖前面的，要把这行放到后面*/ 不是这个意思啊，是有个选择器根本没效果，开始放不了图
spe_top banner_top 和 spe_top banner_top 这两个分别只有一个有效
header_img spe_img 两个都有效
.spe_header{height:150px;}.header{background:#0CC repeat;height:700px;color:white;}.banner_top{background:rgb(0, 229, 238) repeat;height:700px;position:relative;top:0;}.header_img{margin:0 auto;width:70%;height:800px;background:url(../images/banner.jpg) no-repeat;background-size:cover;position:absolute;top:0;left:230px;}.spe_img{height:150px;}.spe_top{height:150px;}/*同样优先级的选择器，相同属性的样式，写在后面的会覆盖前面的，要把这行放到后面*/ 不是这个意思啊，是有个选择器根本没效果，开始放不了图
spe_top banner_top 和 spe_top banner_top 这两个分别只有一个有效
header_img spe_img 两个都有效
楼主什么结贴率？？？？
哦。。。。。
被覆盖了。
.spe_top{height:150px;}
.banner_top{background:rgb(0, 229, 238) repeat;height:700px;position:relative;top:0;}
第一个肯定不起作用 了，你看看你写的第二个样式就知道了。
赶紧结贴了吧，我都不好意思回复了！
感谢大家，主要是注释的问题，优先级也没怎么搞清楚，问题已解决
内容总结
以上是互联网集市为您收集整理的html加载多个class，有的只加载了一个，有的两个都加载了，为何？_html/css_WEB-ITnose全部内容，希望文章能够帮你解决html加载多个class，有的只加载了一个，有的两个都加载了，为何？_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。