条件付きコメントを使用してロードされるスタイルシートでstyles.lessアクセスする必要のあるいくつかの変数を含むLESSスタイルシートがあります。ie7.css
これらが完全に別個のスタイルシートであり、に変換する必要があることを考えると、ie7.cssこれらie7.lessのCSS変数を2つのスタイルシートで使用できるようにすることは可能ですか？
つまり、次のようなことができるようにしたいと思います。
# styles.less, always loaded
@labelwidth: 150px;
# ie7.less, sometimes loaded
label{ margin-left: @labelwidth; }
これを行う最善の方法は、2 つの異なるスタイルシートのみを使用することです。1 つは全員用、もう 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 */
したがって、次の 2 つの利点があります。
styles.lessますie.less。