为什么用css写的顺序会对我的设计产生影响
在我的CSS中,我有以下内容:为什么用css写的顺序会对我的设计产生影响,css,Css,在我的CSS中,我有以下内容: .myDiv{ float:left; width:100px; height:100px; } .yellow{ background:#faf8c7; } .lightGrey{ background:#f8f8f8; } 在我的HTML中 <div class="myDiv lightGrey yellow"></div> 这应该将div显示为黄色,而不是浅灰色。 如果我在CSS(不
.myDiv{
float:left;
width:100px;
height:100px;
}
.yellow{
background:#faf8c7;
}
.lightGrey{
background:#f8f8f8;
}
在我的HTML中
<div class="myDiv lightGrey yellow"></div>
这应该将div
显示为黄色,而不是浅灰色。
如果我在CSS(不是HTML)中更改.yellow和.lightGrey的顺序,则div
将变为黄色…这是为什么
当然,用HTML编写类的顺序决定了
div
是黄色还是灰色。CSS的顺序应该是不相关的。因为所有规则都具有相同的特殊性,所以CSS
中指定的最后一个规则(用于级联的含义)获胜。换句话说,无论您在标记中重新排列类,使用给定的样式,您的背景始终为浅灰色
当然,用HTML编写类的顺序决定div是黄色还是灰色。CSS的顺序应该是无关的
对于上面的解释,它是相反的,因为所有规则都具有相同的特殊性,
CSS
中指定的最后一个规则(用于级联的含义)获胜。换句话说,无论您在标记中重新排列类,使用给定的样式,您的背景始终为浅灰色
当然,用HTML编写类的顺序决定div是黄色还是灰色。CSS的顺序应该是无关的
对于上述解释,情况正好相反
当然,用html编写类的顺序决定div是黄色还是灰色
它是:
这意味着样式表后面出现的样式将覆盖样式表前面出现的样式。在每个类的html代码中排序
myDiv浅灰色黄色
一点都不重要,就像你说的:我买了3种颜色,但是我们不知道你买的第一个或最后一个是什么在你的html代码中每一类的订单myDiv浅灰色黄色
一点都不重要,就像你说的:我买了3种颜色,但我们不知道你买的第一个或最后一个是什么谢谢Zzzbov,我知道你是对的,然而,我一直认为,如果标记中的最后一个类具有相同的特性,那么它们将覆盖之前的类。。但事实并非如此!谢谢ZZZBOV,我知道你是对的,但是我一直认为,如果标记中的最后一个类具有相同的特性,那么它们将覆盖以前的类。。但事实并非如此!选民可以解释他的投票吗?(当然,如果有正当理由的话)选民可以解释他的投票吗?(当然,如果有正当理由的话)