cssで直下の子セレクタを複数指定したいときに(この場合は a , span の２種類の子セレクタ)
style.scss
.hoge {
> a, span {
color: red;
}
}
みたいにやってはみたが、 span においては孫セレクタまでcssが効いてしまっていた。
よく考えてみると、
style.scss
.hoge {
> a, > span {
color: red;
}
}
とやる必要があったみたい。
カンマでセレクタが区切られているのだから、当たり前っちゃ当たり前だったけど、少し悩んでしまいました。