在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网站上,有一个关于使用转义代码的简短章节~"",但它似乎只适用于值.

如果我把它直接放到编译的CSS文件中,那么查询和CSS代码可以完美地用于IE8,但显然我不想在每次编译之后附加编译的CSS.

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

Answer 1

在提示grimmus作为评论发布之后,我设法通过创建LESS变量然后在@media查询中使用该变量来解决这个问题.

我把它放在我的变量中:

@ie8: \0screen;

然后在查询中:

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

奇迹般有效!道具grimmus的意见.