SCSS / Sass - 引用父级的语句不起作用

【问题标题】：SCSS / Sass - Statement referencing to parent not workSCSS / Sass - 引用父级的语句不起作用
【发布时间】：2014-10-23 16:56:40
【问题描述】：

.a, .b
{
   color: red;

   $x: &;

   @if $x == '.b'
   {
     color: $x;
   }


}

不工作，为什么？你能帮我解决一些问题吗？

【问题讨论】：

【解决方案1】：

因为$x 等于完整选择器 (.a, .b)，永远不会等于 .a 或 .b。

你想要达到的目标是：

.a, .b {
  color: red;

  &.b {
    color: blue;
  }
}

但它会生成这段代码（工作，但未优化）：

.a, .b {
  color: red;
}
.a.b, .b.b {
  color: blue;
}

【讨论】：