是否有「是後代還是有類」的sass/css選擇器？

Question

我想選擇一個元素，如果它具有類.eventContainer並與.todo類父母，或者如果它具有類.grid和.todo：

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

有沒有辦法做到這一點與嵌套，以避免兩次指定.todo類？

Answer 1

正如在評論中指出，你可以使用符號運算符（見official documentation）在嵌套規則插入家長選擇，這樣的事情：

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

這將彙編成：

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