html - IE 条件导致 .LESS 错误

Question

我在处理具有 IE 条件的文件时遇到问题。例如，我有一个普通的 .less 文件，文件中的最后几行如下。

<!--[if IE ]>
   * .columncontainer {
      margin: 10px auto !important;
   }
<![endif]-->

通过 LESS 调试，我得到一个简单的“第 2781 行的语法错误”。该行号是上述条件的第一行。

有任何想法吗？

Answer 1

看起来您将上面的代码放入样式表中，我做对了吗？

这种类型的条件是不可接受的 CSS（或 LESS）语法 .. 如果您想使用这种条件，您必须在 html 文件中执行 - 覆盖 CSS/LESS 文件中的格式... 通过执行以下操作：

<!--[if IE]>
    <style type='text/css'>
        * .columncontainer {
            margin: 10px auto !important;
        }
    </style>
<![endif]-->

或调用另一个样式表（或更少的文件），不知道 - 像这样：

<!--[if IE]>
    <link ... />
<![endif]-->

您可以在此处或此处阅读有关条件评论的更多信息

或者您也可以在 LESS 中找到特定于 IE 的样式解决方案……这里有一些关于它的内容，您可能会在 CSS 或 LESS 中找到更多关于 IE 目标选择器的负载，而不是使用单独的样式表。