是否有sass / css选择器＆＃34;是后代或有类＆＃34;？

Question

我想选择一个元素，如果它有一个类.eventContainer并且父类有一个类.todo，或者它有类.grid和.todo：< / p>

.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;
}