有没有办法在Sass或Less中使用嵌套样式作为mixin？

Question

是否可以在Sass或Less中使用一组嵌套样式作为mixin？

例如在Less：

中

.class {
  margin:10px;
    ul {
      list-style:none;
        li {
          padding:5px;
        }
     }
  }

然后将整个块称为mixin，如：

.other-class {
  .class;
}

我知道我刚刚演示的内容并不起作用。我想知道是否有办法。谢谢！

Answer 1

是

这样可以更好地工作（没有任何修改），因为你可以简单地写一个类的名称来包含它。

但是，对于scss，您必须将.class;更改为@extend .class;。在更改之后，scss版本也将按预期工作。