老师，请问什么叫把前面的冲突掉啊？
来源：3-1 实现栅格系统--基础部分
Darkholme
2020-07-21 15:39:55
比如前面写了col-1{width:100%}后面@media的条件达到了执行了col-sm-1{width:100%}，这两个不是一个类但是是同一个标签的类，设置的同一个属性。所以就相当于是冲突了，就相当于后面的就近原则就把前面的忽略了？？
写回答
2回答
-
同学你好，对于你的问题解答如下：
下图所示部分，理解是正确的。
可以省略，但是不推荐这样做，因为我们规划的是针对每个屏幕划分12列，这样方便针对某一个屏幕下设置样式，也方便代码阅读。
如果说col-1和col-sm-1的width属性值相同，我们就选择省略col-sm-1或者col-1类，那我们针对每个屏幕划分12列就没有意义了。我们自己写代码可能知道是一样的意思，如果是其他人阅读代码，可能就无法区分出到底是针对超小屏还是针对小屏设置的样式了。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0 -
Darkholme
提问者
2020-07-21
既然后面条件里写的css样式和没有条件下的css样式一样，那么条件里写的css样式为什么不可以省略呢？就比如在最小屏幕下，col-1width是100%，小屏幕下，col-sm-1width也是100%。
0
相似问题