在LESS中使用IE8 @media \ 0screen查询

Question

在我正在处理的应用程序的CSS中，我需要为IE8特别包含一些样式。样式代码用几个LESS文件编写，然后使用Mac OS X上的CodeKit或LESS应用程序编译为我们用于实时应用程序的单个CSS文件。

这是我想在我的LESS文件中使用的CSS代码：

@media \0screen {
  .thumbnail div img {
     width: 58px;
   }
}

但是，LESS不接受\0screen作为有效代码，并且在尝试使用此代码编译LESS文件时，CodeKit和LESS应用程序都会返回错误。

我知道我们可以使用条件注释和IE8的替代CSS文件，但由于此时所需的修复只有几行，我更倾向于使用@media查询并保留将CSS编译为一个文件。

在LESS website上，有一篇关于使用~""转义代码的简短章节，但它似乎只适用于值。

如果我将IE8直接放入已编译的CSS文件中，那么查询和CSS代码可以完美地用于IE8，但显然我不想在每次编译后都附加编译后的CSS。

还有另一种方法可以在LESS中转义此查询吗？

Answer 1

在将评论grimmus发布为评论之后，我设法通过创建LESS变量然后在@media查询中使用该变量来解决此问题。

我把它放在我的变量中：

@ie8: \0screen;

然后在查询中：

@media @ie8 {
  .thumbnail div img {
    width: 58px;
  }
}

像魅力一样！有关建议的道具grimmus。