css - 在 LESS 中，我如何将返回值混合到类集合中

Question

例如，假设我有以下内容：

.document {
    header {
        color: blue;
    }
    footer {
        color: red
    }
}

期望的结果：

.my_document {
    .document;
 }

这样 .document; 被替换为

header {
    color: blue;
}
footer {
    color: red;
}

Answer 1

来自http://lesscss.org：

您还可以使用不带参数的参数混合。如果您想从 CSS 输出中隐藏规则集，但又想将其属性包含在其他规则集中，这很有用：

.wrap () {   
   text-wrap: wrap;   
   white-space: pre-wrap;  
   white-space:
   -moz-pre-wrap;   word-wrap: break-word; 
}

pre { .wrap }

所以在你的情况下使用：

.document() {
    header {
        color: blue;
    }
    footer {
        color: red
    }
}
.my_document {
    .document;
 }

（尝试在http://less2css.org中运行上述代码）

---

我不太确定，但我认为在旧版本的 LESS 中，您必须像这样用括号调用这些 mixin

.my_document {
  .document(); 
}