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结果添加到你的帖子中,而不是让我们猜。