sass的父母名字快捷方式需要更好的方法

Question

＆是父母的名字，所以我尝试了

.assigItem{
  &--linkedSelected {
    background: red;
  }
  &--unAllocated  {
    background: blue;
  }
  &--linkedSelected&--unAllocated {
    background: yellow;
  }
}

但它不起作用
我必须这样做。

.assigItem{
  &--linkedSelected {
    background: red;
  }
  &--unAllocated  {
    background: blue;
  }
  &--linkedSelected.assigItem--unAllocated {
    background: yellow;
  }
}

让我知道是否有更好的方法

Answer 1

您应该使用scss interpolation。

.assigItem{
  &--linkedSelected {
    background: red;
  }
  &--unAllocated  {
    background: blue;
  }
  &--linkedSelected#{&}--unAllocated {
    background: yellow;
  }
}

在sassmeister上进行了测试，libsass v3.5.4-demo。