更灵活的占位符选择器使用

Question

将占位符选择器指定为

%theme
    .red
        :color red
        :background-color blue

    .yellow
        :color yellow
        :background-color green

我现在想继续将其编译为css，例如

#content.special_page .red h2, #content.special_page .red .items li { ... }
#content.special_page .yellow h2, #content.special_page .yellow .items li { ... }

但这似乎不可能......

#content.special_page h2
    @extend %theme

...将呈现给......

#content.special_page h2 .red { ... }
#content.special_page h2 .yellow { ... }

...占位符选择器不允许我传递任何参数或内容。

那么有什么sass功能可以解决这个问题，甚至是一些棘手的css选择器吗？

Answer 1

正如我在回答similar question时发现的那样，您目睹的行为显然是how @extend normally works。