有没有办法在 Sass 或 Less 中使用嵌套样式作为 mixin？ [关闭]答案

【问题标题】：Is there a way to use nested styles as a mixin in Sass or Less? [closed]有没有办法在 Sass 或 Less 中使用嵌套样式作为 mixin？ [关闭]
【发布时间】：2014-07-28 09:27:52
【问题描述】：

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

例如在 Less 中：

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

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

.other-class {
  .class;
}

我知道我刚刚演示的内容不起作用。我想知道是否有办法做到这一点。谢谢！

【问题讨论】：

>我知道我刚刚演示的内容不起作用。 - 实际上它在 Less 中确实如此。
如果我的回答没有帮助，请发布您使用的 HTML。
您是否尝试过阅读任一预处理器的文档？

标签： css sass less mixins nested

【解决方案1】：

是的。

这在 less 中可以正常工作（无需任何修改），因为您可以简单地编写一个类的名称来包含它。

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

【讨论】：

很奇怪，我在编译时遇到了问题。现在它完美无缺。一定是漏掉了一些简单的东西。我想我们现在很好。感谢您的回答。