Html 在正确的位置减少CSS注释

我使用较少的CSS来开发WordPress主题。我刚刚注意到，当我将LESS文件编译为CSS时，LESS文件中的所有注释都会添加到CSS文件的顶部（而不是右行）。。。有没有办法避免这种情况？我使用较少的mac作为编译器，也尝试了simpLess，但同样的问题也发生了

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

例如：

---

我使用CodeKit进行编译，但没有此问题。我刚刚尝试了CodeKit，但仍然存在此问题，可能是因为my style.less导入了其他几个less文件，导入文件中的所有注释都堆叠在顶部：|如果我将注释放在“last”中选择器注释放置在正确的位置，但是如果我有这样的内容：

#wrapper{/*comment*/#selector{…some css…}/*comment*/#selector{…some css…}

两个注释都将放置在顶部，就在包装下面。任何帮助都会很好。

.style {

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

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