LESS CSS 注释在正确的位置答案

【问题标题】：LESS CSS Comments in the right placeLESS CSS 注释在正确的位置
【发布时间】：2013-01-28 23:58:28
【问题描述】：

我正在使用 LESS CSS 进行 WordPress 主题开发。我刚刚注意到，当我将 LESS 文件编译为 CSS 时，放置在 LESS 文件中的所有 cmets 都被添加到 CSS 文件的顶部（而不是在正确的行上）......有什么办法可以避免这种情况吗？我正在使用 Less for mac 作为编译器，也尝试了 simpLess，但出现了同样的问题。

【问题讨论】：

我用CodeKit编译没有这个问题。
我刚刚尝试了CodeKit，但我仍然有这个问题，可能是因为我的style.less导入了很少的其他LESS文件，导入文件中的所有cmets都堆叠在顶部：|跨度>
如果我在“最后一个”选择器中添加评论，评论将被放置在正确的位置，但如果我有这样的内容：#wrapper { /* comment */ #selector { ...some css... } /* comment */ #selector { ...some css... }} 两个 cmets 将被放置在顶部，就在下面包装。任何帮助都会很棒。

标签： html css wordpress comments less

【解决方案1】：

虽然不理想，而且肯定违反惯例，但我将我的 cmets 放在样式定义中。

例如：

.style {

    /* Comment for .style */
    ...style definition...

    .inner-style {
        /* Comment for .inner-style */
        ...style definition...
    }
}

【讨论】：