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

Question

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

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

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

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

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

关于 LESS website ，有一小章是关于使用 ~"" 转义代码的，但它似乎只适用于值。

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

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

Answer 1

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

我把它放在我的变量中:

@ie8: \0screen;

然后在查询中:

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

工作起来很有魅力! Prop grimmus征求意见。