如何将我的#demo元素应用于我的actions功能？我尝试了这段代码，但是它不起作用，并且我无法为此找到合适的语法。
功能：
=actions($element)
#{element}:hover
opacity: 0.8
#{element}:active
opacity: 0.4
元素：
#demo
backgroud: red
+actions(&)
这应该编译成这样的东西：
#demo
background:red
#demo:hover
opacity: 0.8
#demo:active
opacity: 0.4
您犯的第一个错误是在插值过程中，您错过了 $
您写的#{element}:hover不是#{$element}:hover
这就是你的功能应该是什么样子
=actions($element)
@at-root
#{$element}:hover
opacity: 0.8
#{$element}:active
opacity: 0.4
#demo
backgroud: red
+actions(&)
哪个编译为以下css
#demo {
backgroud: red;
}
#demo:hover {
opacity: 0.8;
}
#demo:active {
opacity: 0.4;
}
如果没有该@at-root指令，您将最终得到如下所示的css
#demo #demo:hover {
opacity: 0.8;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句