如何使用指南针sass设置相同的css属性

Question

许多网站在他们的css文件中加入了相同的css规则，我想使用罗盘sass完成这项工作，我发现extend方法可以做到，但它必须扩展基础选择器，任何方式都不要输出例如，基本css选择器？。

.a{color:red;font-size:10px;}
.b{color:red:font-weight:bold;}

他们有相同的“颜色：红色”。如果我想要输出

.a,.b{color:red;}

我必须延长.c

.c{color:red;}

但实际上我不希望.c显示在我的css文件中。怎么做？

Answer 1

在Sass 3.2中，他们添加了一项功能：http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#placeholders

基本上，使用%代替.来制作仅用于扩展的无声类。

%c {
    color: green;
}

.a, .b {
    @extend %c;
}