为了账号安全,请及时绑定邮箱和手机立即绑定

如果被使用的两个类中有同一个属性会怎么办?

比如:


类1


.class1{ color:red; font-size:10px;}


.class2{ font-size:20px;}


这个时候如果同时使用两个类字体到底按哪个?


我测试了一下不管是<span class="class1 class2">字体</span>还是


<span class="class2 class1">字体</span> 字体的大小都是用的class2的。


这是怎么回事?也不符合就近原则啊


正在回答

3 回答

看两个class定义时候的先后顺序而不是在html使用中的先后顺序。

.class1{ color:red; font-size:10px;}

.class2{ font-size:20px;}

你这里class2 在class1后面定义,所以是class2覆盖class1。

0 回复 有任何疑惑可以回复我~

权值一样,后面覆盖前面。

0 回复 有任何疑惑可以回复我~
#1

慕移动0468315 提问者

不好意思,问题描述错误了,第二个class1和class2换了位置了(也就是class1在后面)但是还是class2的样式
2018-03-02 回复 有任何疑惑可以回复我~

后面那个类的设置会覆盖掉前面的,所以都是class2

0 回复 有任何疑惑可以回复我~
#1

慕移动0468315 提问者

不好意思,问题描述错误了,第二个class1和class2换了位置了(也就是class1在后面) 但是还是class2的样式
2018-03-02 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

如果被使用的两个类中有同一个属性会怎么办?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信