2016-10-08 6 views
1
I am trying to understand that what kind of CSS inside the html class="ie.". 

これらのスタイルシートにCSS 要素が使用されている場合、これらのステートメント用のCSSファイルはありますか?ここでは、条件付きCSSを見つけることができます。

<!--[if lt IE 7 ]> <html class="ie6"><![endif]--> 
<!--[if IE 7 ]> <html class="ie7"><![endif]--> 
<!--[if IE 8 ]> <html class="ie8"><![endif]--> 
<!--[if IE 9 ]> <html class="ie9"><![endif]--> 
+0

これらは、ブラウザのバージョンを示すクラス名です。彼らは決して使用する必要はありません。それらは、CSSセレクタまたはJS経由で行うことができます。 – Xufox

答えて

2

お探しの商品はconditional commentsです。レンダリングの "癖"はバージョンによって大きく異なる可能性があるので、彼らはIEの古いバージョンに焼いたMicrosoft標準です。 Internet Explorer以外のブラウザでは、これらのコメントがコメントとして表示され、愉快な気分になります。しかし、古いバージョンのIEではこれらのコメントが表示され、バージョンが一致するとコンテンツとして表示されます。例えば、IE6はあなたのマークアップを見るであろうと、このようにレンダリングさ: - のみとなります.ie6が付いているすべてのセレクタこれは、あなたが今することができますどのような

<html class="ie6"> 
<!--[if IE 7 ]> <html class="ie7"><![endif]--> 
<!--[if IE 8 ]> <html class="ie8"><![endif]--> 
<!--[if IE 9 ]> <html class="ie9"><![endif]--> 

はInternet Explorer 6の特にを対象とCSSを記述していますIE6ブラウザに適用されます。悲しいことには必要だが、持っていると便利だ。

IE10では、MSはブラウザが十分に簡潔で標準に準拠しているため、条件付きコメントをサポートする必要がなくなり、IE9 +は動作しなくなることに気付きました。

+0

ありがとうございました。それは理にかなっている。 – user6642297

+0

問題ないです。喜んで助けてください。これが最善の答えだと感じたら、そのように選択してください。そうでなければ、明確化が必要な場合は、私はそれを提供してうれしいです。ありがとう! –

0

条件付きコメントはスタイルシート内では機能しません。代わりに、HTML内で条件付きコメントを使用できます。最初に、さまざまなCSSクラス/ IDを要素に適用して、CSSでターゲット設定することができます。

<!--[if IE]> 
    <div id="ie_wrapper" class="ie"> 
<![endif]--> 
<!--[if !IE]> 
    <div id="ie_wrapper"> 
<![endif]--> 
関連する問題