HTML中定义多个class属性无效怎么解决

这篇“HTML中定义多个class属性无效怎么解决”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“HTML中定义多个class属性无效怎么解决”文章吧。

从事成都多线机房，服务器租用，云主机，雅安服务器托管，申请域名，CDN，网络代维等服务。

问题：

<div id="p" class="middle_div padding_10"> 
<span id="s" class="normal_span"></span> 
</div>

我在两个class里设置的颜色不同，在middle_div里设置的是红色，在padding_10里设置绿色，
结果显示的是绿色，这给我的第一感觉就是：方向反了！
于是我把两个位置对换，还是绿色！！
这。。。。
难道是？？？
打开css文件一看，果然padding_10在middle_div 前面，然后我把他们俩位置对换，
刷新浏览器，红色！！！
所以呢，在定义多个class值的时候，一定要注意，把自己最喜欢的样式放在后面！
但是呢，如果你在padding_10前面加个div（假设父级元素是div），变成div.padding_10，然后你会发现，不管它在哪，我们的p div始终是绿色的，
从这个例子可以看出来，css样式的优先级是在加载css文件的时候就确定下来的，而不是由后来html里class属性位置前后决定的。

以上就是关于“HTML中定义多个class属性无效怎么解决”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注创新互联行业资讯频道。

当前题目：HTML中定义多个class属性无效怎么解决
转载注明：https://www.cdcxhl.com/article44/pgpoee.html

成都网站建设公司_创新互联，为您提供商城网站、网站策划、网页设计公司、品牌网站制作、网站建设、软件开发

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联