是否有“是后代还是有类”的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; 
}