If statement SCSS/Sass-引用父级的语句无效

If statement SCSS/Sass-引用父级的语句无效,if-statement,sass,compass-sass,If Statement,Sass,Compass Sass,不工作,为什么?你能帮我个忙吗?因为$x等于完整的选择器.a、.b,从不等于.a或.b 您试图实现的目标是: .a, .b { color: red; $x: &; @if $x == '.b' { color: $x; } } 但它将生成运行但未优化的代码: .a, .b { color: red; &.b { color: blue; } } .a, .b { color: red; } .a.b,

不工作,为什么?你能帮我个忙吗?

因为$x等于完整的选择器.a、.b,从不等于.a或.b

您试图实现的目标是:

.a, .b
{
   color: red;

   $x: &;

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


}
但它将生成运行但未优化的代码:

.a, .b {
  color: red;

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