避免仅在内部使用的类在生成的CSS中生成

Question

说我有以下LESS：

@accent: #00aa22;

.mainStyle
{
    border-radius:0.5em;
    border: 1px solid @accent;
}

#someElement
{
    .mainStyle;
}

我只在我的LESS中使用.mainStyle，并且从未在我的HTML中使用它来获取任何元素。它只是用来避免在LESS文件中重复。

在生成的CSS中，.mainStyle是多余的，因为它只在我的LESS中使用。

有没有办法在LESS中使用它时从生成的CSS中排除该类？

Answer 1

在提出问题后得到这20秒......

您可以通过在末尾添加括号来使该类成为无参数混合：

.mainStyle()
{ ... }

现在它的内容只显示在LESS中使用的位置，而不是在生成的CSS中本身就是一个类。