gulp-sass多选择器新产品线

Question

我想要构建

.btn-default {
    color: #ccc;

    &:hover,
    &:focus {
        color: #ddd;
    }
}

转到

.btn-default {
    color: #ccc;
}

.btn-default:hover, 
.btn-default:focus {
    color: #ddd;
}

但是相反，它将比较成

.btn-default {
    color: #ccc;
}

.btn-default:hover, .btn-default:focus {
    color: #ddd;
}

另一方面，它在没有&的情况下工作得很好，它构建了

a,
.btn {
    color: #ccc;
}

转到

a,
.btn {
    color: #ccc;
}

那么，应该如何将&构建到多行中呢？

我用的是大口吐舌头。选项在here中可用。

Answer 1

Sass仅提供4种编译输出样式：

(https://github.com/sass/node-sass#outputstyle)

:nested :expanded :compact :compressed

没有办法得到你想要的结果，但是你可以使用：https://github.com/csscomb/csscomb.js来格式化它。