近々リリース予定の Sass 3.4.0 では、& が SassScript で使えるようになるほか、セレクター関連の関数が大きく充実する。SassMeister ではすでに使えるので いくつか試してみた けど、セレクターを置換するselector-replace() 関数がかなり便利そう。 使用例としてはまず、ネストしたセレクターで、ルートと直近のセレクターの間に別のセレクターを挿入する、というのが考えられる。 .outer { color: red; .inner { color: green; @at-root { #{ selector-replace(&, '.outer', '.outer .foo') } { color: blue; } } } } & で親セレクター .outer .inner を参照し、そのうち .outer を .outer .foo に置換することで
![selector-replace() の利用](https://cdn-ak-scissors.b.st-hatena.com/image/square/8adc00cc00ab08961bbe4c3e9540ce53968e0c3e/height=288;version=1;width=512/https%3A%2F%2Fterkel.jp%2Fapple-touch-icon.png)