sass - 在 mixin 中使用参数作为标签

Question

我该怎么做:

@mixin addMargin($el) {
    $el {
        margin-left: 5px;
    }
    $el:hover {
        margin-left: 10px;
    }
}

使用 sass 吗？

谢谢你的帮助

Answer 1

在mixin中，你不仅可以直接给一个元素添加属性，还可以添加更多的规则:

@mixin addMargin {
  margin-left: 5px;

  &:hover {
    margin-left:10px;
  }
}

请注意，您必须在 :hover 前加上 & 前缀，以便我们获得此规则:

#something-with-the-mixin-applied:hover

代替

#something-with-the-mixin-applied :hover