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

Question

假设我有以下 LESS：

@accent: #00aa22;

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

#someElement
{
    .mainStyle;
}

我只.mainStyle在我的 LESS 中使用过，而从未在我的 HTML 中实际将它用于任何元素。它只是用来避免在我的 LESS 文件中重复。

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

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

score 1 · Accepted Answer

问这个问题后20秒得到这个......

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

.mainStyle()
{ ... }

现在它的内容只出现在你的 LESS 中使用它的地方，而不是在生成的 CSS 中作为一个单独的类。

1 回答 1