有没有办法只分开scss中的特定属性?

时间:2015-03-12 16:19:59

标签: css sass

使用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;
}

请参阅,我希望每个具有相同值属性的选择器合并在一起。因此,如果不再编译就很容易进行颜色变化。

0 个答案:

没有答案