0

プレースホルダーセレクターを次のように指定すると、

%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セレクターさえありますか?

4

1 に答える 1