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

Posted 2023-03-06

【中文标题】如何区分 SCSS 中的“#id.class”和“#id .class”？

【英文标题】：How to differentiate "#id.class" from "#id .class" in SCSS?

【发布时间】：2014-01-09 05:33:12

【问题描述】：

我如何使用 SCSS 来区分：

#id.class 
  color: red;

和：

#id .class
  color: blue
 

因为我需要类似的东西：

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

【问题讨论】：

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

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

【参考方案1】：

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

Documentation

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

【参考方案2】：

使用&：

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