css - 如何在 SCSS 中区分 "#id.class"和 "#id .class"？

Question

我如何使用 SCSS 来区分:

#id.class {
  color: red;
}

和:

#id .class{
  color: blue
} 

因为我需要这样的东西:

#id {
  .class {
    color: red;
  }
  ' ' + .class {
    color: blue;
  }
}

Answer 1

您需要 & 来引用选择器的父级。

Documentation

#id {
  .class {
    color: red;
  }
  &.class {
    color: blue;
  }
}