Detaillierte Erläuterung der Klassifizierung von CSS-Hacks und der drei Methoden von CSS-Hacks

Der vollständige Text wird hier zitiert, ein toller Artikel

• was
  Aufgrund von Browsern unterschiedlicher Hersteller oder unterschiedlicher Versionen eines bestimmten Browsers ( IE6~IE11, Firefox/Safari/Opera/Chrome usw.) bieten unterschiedliche Unterstützung und Analyse von CSS. Um einen einheitlichen Seiteneffekt zu erzielen, müssen wir derzeit bestimmte CSS-Stile für verschiedene Browser oder verschiedene Versionen schreiben. Dieser Prozess des Schreibens entsprechender CSS-Codes für verschiedene Browser/verschiedene Versionen wird als CSS-Hack bezeichnet.

• wie
  Aufgrund unterschiedlicher Browser und Browserversionen mit unterschiedlicher Unterstützung und Analyseergebnissen für CSS und CSS-Priorität Die Auswirkungen Bei Browser-Anzeigeeffekten können wir je nach Browserszenario unterschiedliche CSS anwenden.

• CSS-Hack-Klassifizierung
  hat drei Ausdrucksformen: CSS--Attribut--Präfixmethode, Selektor-Präfixmethode und IE-Methode für bedingte Kommentare .

• Attributpräfixmethode (d. h. klasseninterner Hack)

• Selektorpräfixmethode

• IE-Methode für bedingte Kommentare
  CSS-Hack definiert im Allgemeinen CSS, das ein breites Anwendungsspektrum und eine starke Erkennungsfähigkeit im Vordergrund hat.

• CSS-Hack-Methode eins: Bedingte Kommentarmethode (gilt für IE10 und niedriger, IE10 und höher unterstützt keine bedingten Kommentare mehr)

• gt: größer als, wählen Sie die bedingte Version oder höher aus, ausgenommen die bedingte Version.
  lt: kleiner als , wählen Sie die Version unterhalb der bedingten Version aus, mit Ausnahme der bedingten Version.
  gte: größer oder gleich, wählen Sie die bedingte Version oder höher aus, einschließlich der bedingten Version.
  lte: kleiner oder gleich, wählen Sie die Version unterhalb der bedingten Version aus, einschließlich der bedingten Version.
  ! : Wählen Sie alle Versionen außer der bedingten Version aus, unabhängig von hoch oder niedrig.

• Bedingtes Kommentarattribut:

• Beispiel

     <!--[if IE]>
     <p class="p1">只在IE5、6、7、8、9下显示</p>
     <![endif]-->
     <!--[if ! IE]><!-->
     <p class="p5">非IE</p>
     <!--<![endif]-->

  Üblicher Kommentar im HTML-Skript Methode <!-- --> und die bedingte Kommentarmethode können nur von IE-Browsern unter IE10 erkannt werden. Bei anderen Browsern ist alles, was sie sehen können, ein Paar geschlossener, ineffektiver Kommentare. Beachten Sie bei Nicht-IE-Kommentaren, dass sich darin ein <!--> befindet, das als geschlossener Kommentar fungiert.

     <!--[if IE 6]>
     <p class="p2">只在IE6下显示</p>    
     <![endif]-->
     <!--[if gte IE 6]>
     <p class="p3">只在IE6以上版本</p>    
     <![endif]-->
     <!--[if ! IE 8]>
     <p class="p4">非IE8的的IE浏览器</p>
     <![endif]-->

• CSS-Hack-Methode zwei: Attributpräfixmethode innerhalb der Klasse
  Attributpräfix dient dazu, einige nur dem CSS hinzuzufügen Stilattributname Das Hack-Präfix, das nur von bestimmten Browsern erkannt werden kann, hat den erwarteten Seitenanzeigeeffekt erzielt.
  Das Folgende ist eine Hack-Methode im Standardmodus

• Regeln
  *Farbe: IE5.5, 6, 7
  +Farbe: IE5 , 6, 7
  #color: IE5.5, 6, 7
  -color: IE5.5, 6
  ＿color: IE5.5, 6
  Unter diesen verwende ich gerne ＊und＿
  Farbe

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Klassifizierung von CSS-Hacks und der drei Methoden von CSS-Hacks. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!