セレクターから特定のセレクターを別のセレクターに置換

セレクターから特定のセレクターを別のセレクターに置換するには、selector-replace関数を使用します。

構文

							selector-replace(元となるセレクター, 置換対象のセレクター, 置換後のセレクター)
						

サンプルコード

SCSS

#{selector-replace(".foo .bar", ".bar", ".baz")} {
    color:#d00;
}

コンパイル後:CSS

.foo .baz {
    color:#d00;
}

SASS・SCSS逆引きリファレンス一覧へ戻る