"is descendant or has class"のsass/cssセレクタはありますか？

Question

私はそれがクラス.eventContainerを持っており、クラス.todoを持つ親を持っている場合、要素を選択したい、またはそれは、クラス.gridと.todo持っている場合：

.todo .eventContainer, 
.grid.todo 
    background-color: gray 

を避けるために、ネスティングでこれを行う方法があります.todoクラスを2回指定しますか？

Answer 1

コメントで指摘したように、あなたは、ネストされたルールで親セレクタを挿入する（official documentationを参照）、このような何かをアンパサンド演算子を使用することができます。

.todo 
    & .eventContainer, 
    &.grid 
    background-color: gray 

これはにコンパイルします：

.todo .eventContainer, 
.todo.grid { 
    background-color: gray; 
}