如何在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;
  }
}

Answer 2

使用&：

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