我正在从LESS迁移到SCSS。
在LESS中，我可以这样做：
.btn {
a&.disabled,
fieldset[disabled] a& {
pointer-events: none;
}
}
CSS结果：
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
SCSS等效于什么？
试试这个：
SCSS：
.btn {
// move content out of `.btn` nesting
@at-root {
// use interpolation to `glue` a and & together
a#{&}.disabled,
fieldset[disabled] a#{&} {
pointer-events: none;
}
}
}
CSS输出：
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句