Kurzüberprüfung der CSS-Hack-Zusammenfassung

*:lang(zh) select {font:12px !important;} /*Speziell für FF*/
select:empty {font:12px !important;} /*Sichtbar auf Safari*/
Auswählen Hier handelt es sich um einen Selektor, der je nach Situation ausgetauscht werden kann. Der zweite Satz gilt nur für den Safari-Browser auf dem MAC.

Nur ​​von IE7 erkannt
*+html {…}
Sie können diesen HACK verwenden, wenn Sie Stile nur für IE7 erstellen müssen.

Identifikation für IE6 und niedriger
* html {…}
Viele Vermieter haben HACK für IE6 geschrieben. Tatsächlich kann IE5.x diesen HACK auch erkennen. Andere Browser erkennen es nicht.
html/**/ >body select {……}
Dieser Satz hat die gleiche Wirkung wie der vorherige Satz.

Nur ​​IE6 erkennt es nicht
select { display /*IE6 erkennt es nicht*/:none;}
Hier geht es hauptsächlich darum, ein Attribut und einen Wert durch CSS-Kommentare zu trennen, die vor dem Doppelpunkt ausgegeben werden.

Nur ​​IE6 und IE5 erkennen es nicht
select/**/ { display /*IE6, IE5 erkennt nicht*/:none;}
Der Unterschied zum obigen Satz besteht darin, dass zwischen dem Selektor ein zusätzliches CSS vorhanden ist und die geschweiften Klammern Hinweis.

Nur ​​IE5 erkennt es nicht
select/*IE5 erkennt es nicht*/ { display:none;}
Dieser Satz entfernt den Kommentar im Attributbereich aus dem vorherigen Satz. Nur IE5 erkennt nicht

Box-Modelllösung
select {width:IE5.x width; voice-family:inherit; width:correct width;} >Die Clearing-Methode des Box-Modells wird nicht über !important gehandhabt. Das muss klar sein.

Float löschen
select:after {content:"; clear:both:hidden;}
In Firefox, wenn alle untergeordneten Elemente vorhanden sind Beim Floating kann die Höhe des übergeordneten Elements nicht das gesamte untergeordnete Element vollständig abdecken. Verwenden Sie dann diesen HACK, um das Floating zu löschen und das übergeordnete Element einmal zu definieren, wodurch dieses Problem gelöst werden kann.

Weitere Artikel zum Thema CSS-Hack-Zusammenfassung und Schnellprüfung finden Sie auf der chinesischen PHP-Website!