Detaillierte Erläuterung bedingter Kommentare im IE-Browser

IE-bedingte Kommentare sind eine nicht standardmäßige logische Anweisung, die von Microsoft seit IE5 bereitgestellt wird. Ihre Funktion besteht darin, verschiedene HTML-Elemente wie Stylesheets, HTML-Tags usw. flexibel in verschiedene IE-Versionen von Browsern zu importieren. Der größte Vorteil dieser Methode besteht offensichtlich darin, dass es sich um eine offiziell von Microsoft bereitgestellte kompatible Lösung handelt und auch die W3C-Validierung bestehen kann.

Schauen wir uns ein paar Beispiele an:

1. Nur IE kann

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

erkennen Da erst IE5 und höhere Versionen beginnen, bedingte IE-Kommentare zu unterstützen, bedeutet „nur IE“ sie erkennen, dass „nur IE5 und höhere Versionen“ sie erkennen können.

2. Nur bestimmte Versionen können

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

erkennen Identifizieren Sie eine bestimmte IE-Version, unabhängig davon, ob sie höher oder niedriger ist. Das obige Beispiel kann nur von IE8 erkannt werden.

3. Nur diejenigen, die keine spezifischen Versionen sind, können

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

identifizieren Im obigen Beispiel kann die spezifische Version von IE7 nicht erkannt werden, aber andere Versionen können erkannt werden, natürlich muss es sich um IE5 oder höher handeln.

4. Es können nur Versionen erkannt werden, die höher als eine bestimmte Version sind

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

Im obigen Beispiel können nur Versionen höher als IE7 erkannt werden. IE7 wird nicht erkannt.

5. Es können nur Versionen erkannt werden, die einer bestimmten Version entsprechen oder höher sind

<!--[if gte IE 7]> 
<link type="text/css" rel="stylesheet" href="my.css" />   
<![endif]-->

Im obigen Beispiel sind IE7 und höhere Versionen zu erkennen.

6. Es können nur Versionen erkannt werden, die niedriger als eine bestimmte Version sind

<!--[if lt IE 7]> 
<link type="text/css" rel="stylesheet" href="my.css" />   
<![endif]-->

Im obigen Beispiel können nur Versionen niedriger als IE7 erkannt werden, IE7 jedoch nicht.

7. Es können nur Versionen identifiziert werden, die einer bestimmten Version entsprechen oder niedriger sind

<!--[if lte IE 7]> 
<link type="text/css" rel="stylesheet" href="my.css" />   
<![endif]-->

Im obigen Beispiel sind IE7 und niedrigere Versionen zu erkennen.

Schlüsselworterklärung

Die oben genannten Codes scheinen schwer zu merken zu sein, aber tatsächlich sind sie leicht zu merken, solange Sie die Schlüsselwörter ein wenig erklären.

lt: Es ist die Abkürzung für Less than, was weniger als bedeutet.

lte: Dies ist die Abkürzung für „Less than or equal to“, was „kleiner als oder gleich“ bedeutet.

gt: Es ist die Abkürzung für Greater than, was größer als bedeutet.

gte: Dies ist die Abkürzung für „Größer als oder gleich“, was „größer als oder gleich“ bedeutet.

!: Es bedeutet „ungleich“, was dasselbe ist wie der Ungleichheitsbeurteiler in JavaScript.

Wenn Sie es auf diese Weise erklären, fällt es Ihnen viel leichter, sich daran zu erinnern.

Besondere Erinnerung:

1. Einige Leute werden versuchen,