html - IE 以外の他のブラウザの CSS 条件付きコメント?

Question

私が知る限り、条件付きコメントは IE の異なるバージョンでのみサポートされています。

同様に、他のブラウザにも条件付きコメントを提供できますか。

はいの場合、どのように? いいえの場合、最良の代替手段は何ですか?

score 3 · Accepted Answer

次のコードが Firefox の排他的検出に失敗した場合..

<!--[if !IE]>
  ...statements...
<![endif]-->

「ダウンレベル公開の条件付きコメント」を使用して機能させます...

<![if !IE]>
  ...statements...
<![endif]>

Firefox に排他的な CSS の使用を強制する例..

<![if !IE]>

  <link href="css/ff.css" rel="stylesheet" type="text/css" />

<![endif]>

そうは言っても、標準準拠の他のブラウザについてはあまり心配する必要はありません。

score 1 · Accepted Answer

他のブラウザには、IEとIEのバージョンのみの条件付きコメントはありません。

Javascriptを使用して、他のブラウザのチェックを実行し、次のようにスタイルを適用できます。

ブラウザが条件付きコメント付きのIEではなく、単にないことを確認できます。

W3.orgにアクセスし、標準に準拠したブラウザーで機能するようにサイトを構築してから、条件付きコメントを使用して、問題が発生した場合にIEでの読み込み方法を修正することをお勧めします（通常はあります）。

score 1 · Accepted Answer

私の知る限り、CSS 条件ステートメントは IE 専用です。これらは標準にかなり準拠しているため、他のブラウザでは必要ありません。なぜそれらが必要なのですか？

score 0 · Accepted Answer

他の回答で述べたように、IE 以外のブラウザには条件付きコメントはありません。JS 検出を使用することが、ここでの方法です。

コメント付きの要素を IE の状態と他のブラウザーに影響を与えたい場合は、次のようにします。

<!--[if gt IE 8]><!-->
<link href="sample.css" rel="stylesheet" type="text/css" />
<!--><![endif]-->

シンタックスハイライトからわかるように、link 要素はコメントアウトされていないため、IE 以外のブラウザでは表示され、IE では条件に従います (この例では IE 8 以上)。

score 0 · Accepted Answer

特にメールレンダリングエンジンの場合、これに対する解決策があればいいのにと思います。Outlook には条件付きコメントもありますが、Gmail にはありません。

<!--[if gte mso 9]>

<![endif]-->

score 0 · Accepted Answer

CSS Browser Selector プラグインをチェックしてください。私は自分のサイトでそれを使用しています。基本的には、CSS を記述し、ターゲットにするブラウザーを指定するだけです。私は自分のサイトでそれを使用しています。

それが役に立てば幸い。

6 に答える 6