使用条件注释共享较少的CSS变量

我有一个更少的样式表

styles.LESS

，其中包含一些我需要在

ie7.css

样式表中访问的变量，它是使用条件注释加载的

考虑到这些是完全独立的样式表，并且考虑到我必须将

ie7.css

转换为

ie7.less

，我是否可以在两个样式表中使用这些css变量

i、 e.我希望能够做到以下几点：

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

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

---

最好的方法是只使用两种不同的样式表：一种用于everyone，另一种用于ie，其中包括everyone的。因此，在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

中的

style.less

获取所有变量

IE上只有一个请求（它只加载一个样式表）

@import url(styles.less);

/* Your styles for IE */