2013-05-10 61 views
0

我具有较少的处理具有IE条件语句的文件的问题.LESS错误。例如,我有一个普通的.less文件,文件中的最后一行如下。IE条件判断原因

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

由于我没有进行调试,所以我得到一个简单的“2781行的语法错误”。该行号是上述条件的第一行。

任何想法?

+0

你把条件语句在文档的头部? – 2013-05-10 17:11:07

+1

你真的需要这些特定于IE的样式吗?你瞄准哪个IE版本?也许有一种替代解决方案根本不涉及使用IE条件。 – Spudley 2013-05-10 20:02:53

+0

我Spudley同意在这里,有可能这样做比使用条件注释的更好的方法。不过,我在答案中加入了一些链接,您可以在这里阅读更多关于这些链接的信息,这可能有助于更好地理解这个想法。您也可以找到有用的保罗爱尔兰在CSS针对特定的IE写道:这里http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/或这里http://paulirish.com/2009 /浏览器特定CSS-黑客/。 – 2013-05-10 20:35:00

回答

3

看起来你把上面的代码插入到样式表,我得到这个权利?

这种类型的条件是不可接受的CSS(或LESS)语法..如果你想使用这个条件,你必须在html文件中做 - 重写CSS/LESS文件中的格式...通过做是这样的:

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

或调用另一个样式表(or less file),说不上来 - 这样的事情:

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

你可以阅读更多的有条件的意见herehere

,或者您也可以找到IE的那么具体的造型方案... here东西写它,你可能可以找到更多的负载上的IE靶向选择到你的CSS或更少,而不是使用单独的样式表。