2013-05-10 100 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或更少,而不是使用單獨的樣式表。