嵌套 LESS 规则中的 CSS 注释

Question

如何在 LESS 嵌套规则中添加 CSS 注释？例如:

div{
    span{
        font-size: 16px;
        color: #fff;
    }
    /*This is my comment*/
    em{
        color: blue;
    }
}

这是我期望得到的输出:

div span {
  font-size: 16px;
  color: #fff;
}
/*This is my comment*/
div em {
  color: blue;
}

但是，不幸的是，它是这样处理的:

div {
  /*This is my comment*/
}
div span {
  font-size: 16px;
  color: #fff;
}
div em {
  color: blue;
}

这有可能吗？

Answer 1

这不可能使用 /* */ .

原因是它还在 div 下范围，所以它不会使用 /* */评论。

然而，在LESS你可以使用 //对于不通过编译器的单行注释(因此不会在编译的 CSS 代码中结束，但会在 LESS 代码中)。

Here is the official documentation on comments .