使用scss时,我希望将所有颜色和背景属性与我的其他样式分开。这是我想要的一个例子。
SCSS:
.mydiv {
.menu {
a {
display: block;
line-height: 2;
background-color: $my_red;
color: $my_white;
}
}
.insidediv {
display: block;
width: 50%;
float: right;
background-color: $my_red;
color: $my_white;
}
}
想要 css:
中的输出.mydiv .menu a {
display: block;
line-height: 2;
}
.mydiv .insidediv {
display: block;
width: 50%;
float: right;
}
.mydiv .menu a,
.mydiv .insidediv {
background-color: $my_red;
color: $my_white;
}
请参阅,我希望每个具有相同值属性的选择器合并在一起。因此,如果不再编译就很容易进行颜色变化。