Question

SASS语法：

.rule{
    &-first.&-second{
        /*rules*/
    }
}

生成错误“无效的CSS ...”

预期输出：

.rule-first.rule-second{
    /*rules*/
}

可以吗？怎么样？

Answer 1

您可以使用@at-root和插值执行此操作。您需要使用支持这些功能的SASS版本。

.rule {
    @at-root #{&}-first#{&}-second{
        /*rules*/
    }
}

输出到：

.rule-first.rule-second {
  /*rules*/
}