html - 避免在生成的 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 中单独作为一个类出现。