Heim >Web-Frontend >CSS-Tutorial >CSS-Hack-Prinzip

CSS-Hack-Prinzip

高洛峰
高洛峰Original
2016-11-24 13:32:301620Durchsuche

Ich habe kürzlich ein paar Artikel über CSS-Hack gelesen und dachte, es wäre eine gute Idee, sie zu klären.

Viele Leute verstehen das Prinzip des CSS-Hacks nicht. Tatsächlich weiß jeder, dass verschiedene Browser unterschiedliche Parsing-Ebenen von CSS haben, was insbesondere bei Snakes wie dem IE zu unterschiedlichen Auswirkungen führt. Für verschiedene Browser müssen wir derzeit unterschiedliche CSS-Codes schreiben (insbesondere IE). Save the Country“-Strategie, um Kompatibilität aufgrund unterschiedlicher Regeln und Standards zwischen verschiedenen Browsern zu erreichen. Dennoch hoffen wir immer noch, dass die Welt vereinheitlicht wird und es einen einheitlichen Standard geben wird, der die Browserspezifikationen T T

css vereinheitlichen kann Der Hack basiert hauptsächlich auf

1. Browser-Unterstützung für CSS und verschiedene Analyseergebnisse

2.

Es gibt drei häufig verwendete CSS-Hacks: interne CSS-Hacks, Selektor-Hacks und HTML-Header-Referenzen, von denen der erste am häufigsten verwendet wird.

A.css internal hack:

CSS internal hack syntax is like this selector{?property:value?;} Beispielsweise kann IE6 den Unterstrich „_“ und den Stern „*“ erkennen. IE7 Das Sternchen „*“ kann erkannt werden, der Unterstrich „_“ kann jedoch nicht erkannt werden, und Firefox kann beides nicht erkennen. In Bezug auf die Schreibreihenfolge wird das CSS von Browsern mit starken Erkennungsfunktionen im Allgemeinen am Ende geschrieben.

<style> 
div{  
    background:green;/*forfirefox*/  
    *background:red;/*forIE6 IE7*/ 
}  
</style>

Auf diese Weise haben Sie IE6 und 7 erfolgreich gehackt;


Ein weiteres Beispiel: Nur IE6 kann den Weg „!important“ nicht erkennen. geschrieben ist. , kann von anderen Versionen des IE und modernen Browsern erkannt werden

kann von anderen Versionen des IE und modernen Browsern erkannt werden, sowie „+“, „

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn