@mixin 格式可以没有 () 吗?
@mixin format is it ok to not have ()?
了解 @mixin
并且我遇到了这段代码。为什么第一行的 hover-not-disabled
后面没有跟 ()
可以这样做吗?提前致谢!
@mixin hover-not-disabled {
&:not([disabled]):hover {
@content;
}
}
.button {
border: 1px solid black;
@include hover-not-disabled {
border-color: blue;
}
}
还好。它不会导致任何错误,因为 (…)
意味着包含 arguments
,当使用 @mixin
时 通常 需要,然而 在这种情况下,编辑器想要将 mixin 传递给多个元素,然后编辑 @content
.
从主观的角度来看,为了保持一致性,我建议始终包含 ()
,即使它们是空的,所以当快速扫描代码时,没有什么奇怪的。
所以这是我的方法,但一般来说,在这种情况下保留它们是完全可以的。
@mixin hover-not-disabled() {…}
@include hover-not-disabled();
了解 @mixin
并且我遇到了这段代码。为什么第一行的 hover-not-disabled
后面没有跟 ()
可以这样做吗?提前致谢!
@mixin hover-not-disabled {
&:not([disabled]):hover {
@content;
}
}
.button {
border: 1px solid black;
@include hover-not-disabled {
border-color: blue;
}
}
还好。它不会导致任何错误,因为 (…)
意味着包含 arguments
,当使用 @mixin
时 通常 需要,然而 在这种情况下,编辑器想要将 mixin 传递给多个元素,然后编辑 @content
.
从主观的角度来看,为了保持一致性,我建议始终包含 ()
,即使它们是空的,所以当快速扫描代码时,没有什么奇怪的。
所以这是我的方法,但一般来说,在这种情况下保留它们是完全可以的。
@mixin hover-not-disabled() {…}
@include hover-not-disabled();