css - 在 Less 中编写特定于浏览器的 hack(适用于 <IE9)

Question

我想做这样的事情(来源 - CSS Tricks Article):

#veinte { color/*\**/: blue\9; }

在 IE7 和 IE8 的 Less 中，但它给出了错误。

以下作品:

#diecinueve { color: blue\9; } 

但有些元素我不想在 IE9 中调用。例如我在 IE9 中有一些带有 :before 元素的东西，但是因为 IE8 不支持它，所以我只想在 IE8 中给它一个 padding。

但是这个

#veinte { color/*\**/: blue\9; }

在 Less 中给出错误。这个我试过了

#veinte { color~"/*\**/": blue\9; }

但这也行不通。有谁知道如何在 Less 中执行此操作？

Answer 1

Property name interpolation使用 Less v1.6.0 及更高版本是可能的。因此，可以如下所示实现此 hack:

@hack: ~"/*\**/";
#veinte { 
    color@{hack}: blue\9; 
}

编译后的 CSS:

#veinte {
    color/*\**/: blue\9;
}