Help us understand the problem. What is going on with this article?

Sass 3.3.0.rc.1で実装された#{&}-hogeの記法は廃止になった。

More than 5 years have passed since last update.

Sass 3.3の新機能の一つとして予定されていた、#{}&を組み合わせることでBEM等の記法を簡潔に表現できる機能ですが、3.3.0.rc.1の時点で一旦実装されたものの、仕様上の問題があり廃止になっていたようです。

https://github.com/nex3/sass/commit/cbd07dac56028e2216972e1c009d7bf24027b588
https://github.com/nex3/sass/commit/3f1498a55d89f50c343368dbd012313bf9c5ae16
https://gist.github.com/nex3/8050187

3.3.0.rc.6の時点では、代わりに単純に&をprefixとして使うことで、親の名前を展開できるようになりました。ドキュメントの例を借りれば、従来は以下のような記法だったのが、

#main {
    #{&}-sidebar { border: 1px solid; } // #main-sidebarとして出力される
}

以下のような記法に変わったということです。

#main {
    &-sidebar { border: 1px solid; } // 効果は同様
}

なお、現状では&をprefixとしてのみ使えるようです。
alphaやrcと銘打たれたものに手を出すと、こういう思わぬ仕様変更につまづきかねないといういい例ですね。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした