HTML中当定义多个class属性时无效的解决方法

ttx9n · 发表于 2014-1-20 16:57:15

为class属性定义多个值，经常会发现定义的样式无效，经测试，在定义多个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 前面，然后我把他们俩位置对换，

刷新浏览器，红色！！！

所以呢，在定义多个class值的时候，一定要注意，把自己最喜欢的样式放在后面！
但是呢，如果你在padding_10前面加个div（假设父级元素是div），变成div.padding_10，然后你会发现，不管它在哪，我们的p div始终是绿色的，

从这个例子可以看出来，css样式的优先级是在加载css文件的时候就确定下来的，而不是由后来html里class属性位置前后决定的。

nwk53kbd · 发表于 2022-8-13 22:53:55

刷刷刷刷刷刷刷刷刷刷刷刷刷刷刷

pb_tjc · 发表于 2022-8-15 17:08:37

了乐趣了去了去了去了去了

6ox8dn · 发表于 2022-12-22 19:14:33

好东西一定要看看！

mkonji · 发表于 2023-4-23 04:18:36

天天源码社区。。。。

xf9hlg1 · 发表于 2023-5-2 07:28:30

66666666666

e8hwl6prw · 发表于 2023-7-6 06:21:23

数据库了多久撒快乐的健身卡啦

pwseqn1h · 发表于 2023-8-22 17:16:22

谢谢分享，先下来用用

3mfwk4yf · 发表于 2023-9-1 14:39:41

很好，谢谢分享

z835648964 · 发表于 2023-9-22 02:08:41

借款金额看了就立刻

账号		自动登录	找回密码
密码			立即注册

[HTML/Xhtml] HTML中当定义多个class属性时无效的解决方法

相关帖子