重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇“HTML中定义多个class属性无效怎么解决”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“HTML中定义多个class属性无效怎么解决”文章吧。
从事成都多线机房,服务器租用,云主机,雅安服务器托管,申请域名,CDN,网络代维等服务。
问题:
我在两个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属性无效怎么解决”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注创新互联行业资讯频道。