文系未経験プログラマ

忘れてもいいように書く

stylusでの「&」の効果

【前提知識】
.特になし

 

【本題】
stylusで「&」は親セレクタの参照
例:コンパイル
textarea
color #A7A7A7
&:hover
color #000

例:コンパイル
textarea {
color: #a7a7a7;
}
textarea:hover {
color: #000;
}

 

【感想】
・smacssでサブクラスを追加する際に親セレクタの参照すごい便利
「&」で参照!!

 

【参考】

Selectors — Stylus