html - 如何在 CSS 注释中使用 LESS 变量？

Question

是否可以在混入的 CSS 注释中使用 LESS 变量？我需要它来进行 spriting。

例如(不工作/只有图像路径被替换):

.sprite (@width) {
    /** sprite: sprite-@{width}; sprite-image: url('../img/@{width}/sprite-@{width}.png'); sprite-layout: vertical */

    .picture {
        background-image: url('../img/@{width}/picture.png'); /** sprite-ref: sprite-@{width}; */
    }
}

.sprite(800);

奖励问题:在使用 lessc 编译后，我可以防止背景图像和 Sprite 注释之间的换行吗？

Answer 1

不，你不能在注释中做变量。

添加一个被浏览器忽略的属性 'comment' 怎么样。

您可以尝试使用转义字符串，例如

prop: ~"url('blah'); /* comment */";

但它会产生 2 个分号(有效的 CSS)并且非常笨拙。