LESSでIE7、8などをターゲットにする最良の方法は何ですか?
それらをターゲットにする方法はありますか、それとも理想的には別のスタイルシートをロードする必要がありますか?
私の知る限り、LESS では特定のブラウザをターゲットにすることはできず、メディア サイズのみをターゲットにすることができます。
次のようなことをする必要があります:
<!--[if IE]>
<link rel="stylesheet/less" type="text/css" href="ie.less" />
<![endif]-->
Paul Irish の IE ターゲティング方法を使用すると、IE ルールでメインの less ファイルのネストを最大限に活用できます。http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
Scott Simpson もリンクしている Paul Irish の手法を使用すると、CSS の残りの部分のすぐ横にターゲット セレクターを非常に簡単に含めることができます。例えば:
div {
display: inline-block;
.ie-8 & {
zoom: 1;
display: inline;
}
}
コンパイルされた CSS は次のようになります。
div { display: inline-block; }
.ie-8 div { display: inline; zoom: 1; }
IE 固有の CSS を追跡する方が簡単なので、スタイルシートを分離するよりもこの手法の方が望ましいと思います。