與有條件的意見分享LESS CSS變量

Question

我有一個不太樣式styles.less有一些變數，我需要在我的ie7.css樣式表，這是使用條件註釋加載訪問。

鑑於這些都是完全獨立的樣式表，並且假設我必須將ie7.css轉換爲ie7.less，我是否可以使這兩個樣式表中的這些CSS變量可用？

即我希望能夠做到像下面這樣：

# styles.less, always loaded 
@labelwidth: 150px; 

# ie7.less, sometimes loaded 
label{ margin-left: @labelwidth; } 

Answer 1

這樣做的最好的辦法是隻使用兩種不同的樣式：一個適用於所有人，一個IE瀏覽器，其中包括大家的。因此，在HTML中，使用智能條件註釋它會是什麼樣子：

<!--[if gt IE 7]><!--> 
    <link rel="stylesheet" href="styles.less" /> 
<!--<![endif]--><!--[if lt IE 8]> 
    <link rel=stylesheet href="ie.less"> 
<![endif]--> 

而且在ie.less可以導入styles.less：

@import url(styles.less); 

/* Your styles for IE */ 

所以，您將獲得兩方面的好處：

1. 你從styles.less獲得ie.less中的所有變量。
2. 在IE上只有一個請求（它只加載一個樣式表）。