我有一个正在努力解决的问题。
我有这个 mixin (这是尝试将一些 less 移植到 sass ):
@mixin button-variant($color, $background, $border)
{
...
.foreverAlone{
...
}
.iThink .illNeverWork& {
color: $pinkUnicornRainbow;
...
}
}
这显然不起作用:D
我希望它生成类似的东西:
.callerClass .foreverAlone{
...
}
.callerClass .iThink .illNeverWork.callerClass{
color: #123ABC;
...
}
mixin 在各种 div 类中调用,因此不可能(轻松)使其静态。
某些 Sass 专业人士(或不是专业人士,但比我聪明)有任何解决方法吗?
感谢大家的关注并分享您的解决方案。
对于 Sass 3.2 及更早版本,以下是使用父选择器的所有有效方法:
.foo {
&, &.bar, &#bar, &:after, &[active] {
color: red;
}
}
.foo {
.bar & {
color: red;
}
}
从 Sass 3.3 开始,这是有效的:
.foo {
&bar, &-bar {
color: red;
}
}
从 Sass 3.4 开始,这是有效的:
.foo {
$foo: &;
@at-root bar#{&} {
color: red;
}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)