@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();