如何区分 SCSS 中的“#id.class”和“#id .class”？

【问题标题】：How to differentiate "#id.class" from "#id .class" in SCSS?如何区分 SCSS 中的“#id.class”和“#id .class”？
【发布时间】：2014-01-09 05:33:12
【问题描述】：

我如何使用 SCSS 来区分：

#id.class {
  color: red;
}

和：

#id .class{
  color: blue
}

因为我需要类似的东西：

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

【问题讨论】：

我认为dystroy应该得到这个功劳。
我认为 Denys 应该得到这个功劳。

标签： css css-selectors sass

【解决方案1】：

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

Documentation

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

【讨论】：

【解决方案2】：

使用&：

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

【讨论】：