Avant d'atteindre le royaume du no H et du no F ~ Je dois encore souffrir ~ Je suis compatible avec le CSS de l'échange browser_Experience

Il est frustrant de devoir faire face à plusieurs navigateurs avec des analyses différentes, et c'est quelque chose que tous ceux qui écrivent du CSS seront confrontés.
Bien que les commentaires conditionnels constituent une approche idéale, ils sont compatibles en amont et en aval. Malheureusement, je n'aime pas vraiment les versions N de CSS

Permettez-moi d'abord de parler de ma propre utilisation
Initialiser
Sélecteurs{}
pour assurer la compatibilité ascendante,
Voyons. démarrer le filtre
Que IE6 ait ou non introduit le mode Quirks
, utilisez les
* Sélecteurs html{}
pour traiter IE6 et les versions inférieures
J'ai fait une distinction plus compliquée entre les versions inférieure et inférieure. versions inférieures.
Utiliser pour lire IE5.x

@media tty {
i{content:"";/*" "*/}} @import 'ie5x.css' /*";}
}/* */

Utilisé uniquement sous des exigences particulières, car IE5 est similaire à IE5.5 à bien des égards
Mais IE5 sera toujours le même, Je dois faire une distinction supplémentaire, en utilisant des

*>sélecteurs html{}

devraient être des
*>sélecteurs de corps html{}
Comparer C'est facile à gérer le problème prioritaire.

Le support de CSS par IE7 est proche de celui de FF, Opera et Safari. Cependant, il y a toujours des problèmes particuliers
Je choisis d'utiliser
*+ les sélecteurs html{. }
pour traiter spécifiquement d'IE7, mais lorsque IE7 a également introduit le mode Quirks, le problème est devenu très compliqué et sa compréhension du CSS est également tombée sur IE5. C'est très similaire, mais il n'y a pas de différences. . J'ai trouvé une solution, j'ai donc refusé d'introduire le mode Quirks dans IE7

FF n'est pas standard. Parfois, il y a des problèmes particuliers
Je l'ai essayé avec des éléments privés

@. url de l'espace de noms (http://www.w3.org/1999/xhtml);
@-moz-document url("http://www.loaoao.com") {
Sélecteurs{ ... ! important}
}

Et Opera ? Bien qu'il passe ACID2
mais dans ma façon ennuyeuse d'écrire, il y a encore des problèmes comme celui-ci li:hover+li {} Je ne sais pas. Cette version résoudra-t-elle le problème ?
Heureusement, d'autres l'ont fourni

@media all and (min-width : 0px){
Selectors{}
}

Safari Quoi ? S'il vous plaît, pardonnez-moi d'être pauvre. Je n'ai pas d'argent pour acheter des produits Apple
Je ne sais pas combien de problèmes il y aura. Heureusement, Safari prend en charge les normes. eh bien.
Plus Pour plusieurs méthodes de filtrage, veuillez vous référer à http://centricle.com/ref/css/filters/


Que vous utilisiez des hacks ou des filtres, c'est pénible
Résoudre les problèmes d'aujourd'hui, ce n'est pas produire demain