如果我有一个CSS类,我想继承所有属性,除了在媒体查询期间设置的一个属性,最好的方法是什么?
.my-original-class {
margin: 70px 0 40px 0;
background-color: @color-gray-light;
@media (min-width: @screen__m) {
margin: 90px 0 40px 0;
}
@media (min-width: @screen__l) {
margin: 90px 0;
}
article {
position: relative;
padding: 35px 0px;
@media (min-width: @screen__s) {
padding: 50px 30px;
}
}
.my-slightly-different-class {
border-radius: 50px;
.my-original-class
}
这基本上就是我现在所拥有的,但我想在@screen_m媒体查询中排除边距设置。
否则
.my-slightly-different-class {
border-radius: 50px;
.my-original-class
}
@media (min-width: @screen__m) {
.my-slightly-different-class{
margin: 90px 0 0 0;
}
}
有效,但输出的代码似乎不是最干净的方法,因为它只是重复重复@media查询并覆盖之前的选择。