Sass 有人能帮我解决一个高级scss问题吗?

Sass 有人能帮我解决一个高级scss问题吗?,sass,Sass,.c-按钮{ $self:&; &#{&}--primary{ 颜色:黄色; } &#{&}--secondary.secondary{ 颜色:红色; } } 这是我将为您的案例编写的SCS: .c-button { &#{&}--outlined { &.primary { color: yellow; } &.secondary { color: red } } } 编译成 .

.c-按钮{
$self:&;
&#{&}--primary{
颜色:黄色;
}
&#{&}--secondary.secondary{
颜色:红色;
}
}

这是我将为您的案例编写的SCS:

.c-button {
  &#{&}--outlined {
     &.primary {
        color: yellow;
     }

     &.secondary {
        color: red
     }
  }
}
编译成

.c-button.c-button--outlined.primary {
  color: yellow;
}

.c-button.c-button--outlined.secondary {
  color: red;
}

名称和
属性都不能包含
,因此
[class*=”]
将永远无法匹配元素。如何匹配?有没有办法写出我想要的内容请显示你想要匹配的最小示例HTML元素。我想你不明白我想要做什么:/你应该再看一遍帖子,然后简单地将预期的编译CSS结果添加到你的帖子中,而不是让我们猜。