HTML中当定义多个class属性时⽆效的解决⽅法
在编写html的过程中，我们会经常为class属性定义多个值，但是同样会经常发现⾃⼰定义的值⽆效
以前碰到这种情况我就直接重写了，或者直接⽤id设置css属性，今天想起来好像有些不对哦。。。我必须得去发现真
理
复制代码
代码如下:
<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 前⾯，然后我把他们俩位置对换，
cssclass属性
刷新浏览器，红⾊
所以呢，在定义多个class值的时候，⼀定要注意，把⾃⼰最喜欢的样式放在后⾯！
但是呢，如果你在padding_10前⾯加个div（假设⽗级元素是div），变成div.padding_10，然后你会发现，不管它在哪，我们的p div始终是绿⾊的，
从这个例⼦可以看出来，css样式的优先级是在加载css⽂件的时候就确定下来的，⽽不是由后来html⾥class属性位置前后决定的。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。