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

Question

.a, .b
{
   color: red;

   $x: &;

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


}

http://sassmeister.com/gist/ad7fa7f3a431f3e2d4e0

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

Answer 1

因为$x等于完整选择器（.a, .b），所以永远不要.a或.b。

您要实现的目标是：

.a, .b {
  color: red;

  &.b {
    color: blue;
  }
}

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

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