sassの親セレクタの参照&（アンパサンド）についてちょっと理解できた。

CSSフレンズ夏祭りに行ってから、触発されてSassをもっとしっかり勉強しようと思った私です。こんにちは。今回、親セレクタについて理解足りなくてつまづいたのですが、なんとなくできてちょっとスッキリしたので晒そうかなと思います。

【お願い】当方、Sass初心者ゆえdisらないでね…。

いろいろ書いた履歴

ネストしかしてなかったせいで最初書いたSassはnav #mainNav a .menuになっている…。nav #mainNav a.menuになってほしかった。

そんな時に親セレクタ参照を使うそう！

&(アンパサンド)とは親セレクタの参照ができます。疑似クラスやセレクタの前後に書くことができます。

基本のネストしか使ってなかったのでちょっと感動。

「&」を使って希望通りのcssが吐き出されました。
囲ってたらセレクタの後にも「&」を入れれるんだなというのも感動しました。

なんで今までSass使ってなかったんだ…。
ということでもっと勉強して使っていこうと思います。