html - IE コンディショナルは .LESS エラーを引き起こします

Question

IE 条件を含むファイルを処理する LESS に問題があります。たとえば、通常の .less ファイルがあり、ファイルの最後の行は次のとおりです。

<!--[if IE ]>
   * .columncontainer {
      margin: 10px auto !important;
   }
<![endif]-->

LESS デバッグをオンにすると、単純な「行番号 2781 の構文エラー」が表示されます。その行番号は、上記の条件文の最初の行です。

何か案は？

Answer 1

上記のコードをスタイル シートに入れているようですが、これでよろしいですか?

このタイプの条件は受け入れられない CSS (または LESS) 構文です.. この条件を使用したい場合は、html ファイルでそれを行う必要があります - CSS/LESS ファイルのフォーマットをオーバーライドします ... 次のようにします:

<!--[if IE]>
    <style type='text/css'>
        * .columncontainer {
            margin: 10px auto !important;
        }
    </style>
<![endif]-->

または、別のスタイル シート (またはより少ないファイル) を呼び出すと、わかりません - 次のようなもの:

<!--[if IE]>
    <link ... />
<![endif]-->

条件付きコメントの詳細については、こちらまたはこちらをご覧ください。

または、LESS で IE 固有のスタイリング ソリューションを見つけることもできます...ここにそれについて書かれているものがあります。おそらく、個別のスタイル シートを使用する代わりに、CSS または LESS に IE を対象とするセレクターをさらに読み込むことができます。