sass - 如何使用 compass sass 设置相同的 css 属性

Question

许多网站在他们的css文件中加入了相同的css规则属性，我想使用compass sass来完成这项工作，我发现extend方法可以做到，但它必须扩展base一个选择器，任何方式都不输出base 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

基本上，使用 a%而不是 a.来创建一个仅用于扩展的静默类。

%c {
    color: green;
}

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