选择器在 SCSS 中两次引用父选择器

Answer 1

要在 SCSS 中定位具有子红色和子绿色类的元素，您可以使用像这样的嵌套选择器

• '>'.child 选择 .parent 的直接子元素。
• &--red 和 &--green 将样式分别应用于 .child--red 和 .child--green。
• &.child--red.child--green 针对具有两个类的 .child 元素，应用组合样式。

.parent {
  > .child {
    &--red {
      color: red;
    }
    &--green {
      color: green;
    }
    &.child--red.child--green {
      color: yellow;
    }
  }
}