<分区>
<分区>
我当前的 SASS 如下所示:
.container {
width: 200px;
.element {
color: red;
}
}
我想实现只有具有 .small 类的容器才具有颜色为蓝色的元素。我尝试了以下方法，但这不起作用:
.container {
width: 200px;
.element {
color: red;
.small& {
color: blue
}
}
}
我想要的编译是:.small.container .element { color: blue }
我怎样才能做到这一点？
最佳答案
你应该考虑像这样重新安排你的 scss:
.container {
width: 200px;
.element
{
color: red;
}
&.small .element
{
color: blue;
}
}
这将输出以下 css:
.container {
width: 200px;
}
.container .element {
color: red;
}
.container.small .element {
color: blue;
}
关于css - SASS:将类附加到 & 运算符，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27837632/