Explication détaillée de la classification du hack CSS et des trois méthodes de hack CSS

Le texte intégral est cité d'ici, un excellent article

• quoi
  En raison des navigateurs de différents fabricants ou des différentes versions d'un certain navigateur ( IE6 ~ IE11, Firefox/Safari/Opera/Chrome, etc.) ont un support et une analyse différents du CSS. À l'heure actuelle, afin d'obtenir un effet de page unifié, nous devons écrire des styles CSS spécifiques pour différents navigateurs ou différentes versions. Ce processus d'écriture du code CSS correspondant pour différents navigateurs/différentes versions est appelé css hack.

• comment
  En raison des différents navigateurs et versions de navigateurs prenant en charge et analysant les CSS différemment, et priorité CSS L'impact sur le navigateur effet d'affichage, nous pouvons appliquer différents CSS selon différents scénarios de navigateur.

• classification de hack CSS
  a trois formes d'expression, css attribut méthode de préfixe, méthode de préfixe de sélecteur et méthode de commentaire conditionnel IE .

• Méthode de préfixe d'attribut (c'est-à-dire hack interne de classe)

• Méthode de préfixe de sélecteur

• Méthode de commentaire conditionnel IE
  css hack définit généralement CSS qui a un large éventail d'applications et une forte capacité de reconnaissance à l'avant.

• Première méthode de hack CSS : méthode de commentaire conditionnel (applicable à IE10 et versions antérieures, IE10 et versions ultérieures ne prendront plus en charge les commentaires conditionnels)

• gt : supérieur à, sélectionnez la version conditionnelle ou supérieure, en excluant la version conditionnelle.
  lt : inférieur à, sélectionnez la version en dessous de la version conditionnelle, à l'exclusion de la version conditionnelle.
  gte : supérieur ou égal, sélectionnez la version conditionnelle ou supérieure, y compris la version conditionnelle.
  lte : inférieur ou égal, sélectionnez la version en dessous de la version conditionnelle, y compris la version conditionnelle.
  ! : Sélectionnez toutes les versions sauf la version conditionnelle, quelle que soit la version haute ou basse.

• Attribut de commentaire conditionnel :

• Exemple

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

  Commentaire habituel dans un script html Méthode 19791207a4e0a22c816ac020ecd8cae0 et la méthode de commentaire conditionnel ne peuvent être reconnus que par le navigateur IE inférieur à IE10. Pour les autres navigateurs, tout ce qu'ils peuvent voir, c'est une paire de commentaires fermés et inefficaces. Pour les commentaires non-IE, notez qu'il y a un 4e255cca6c1c1c2b4c46e2b80a10fe99 à l'intérieur qui fait office de commentaire fermé.

     <!--[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]-->

• méthode de hack CSS deux : méthode de préfixe d'attribut intra-classe
  Le préfixe d'attribut consiste à en ajouter uniquement au CSS nom de l'attribut de style Le préfixe hack, qui ne peut être reconnu que par des navigateurs spécifiques, a obtenu l'effet d'affichage de page attendu.
  Ce qui suit est une méthode de hack en mode standard

• Règles
  *couleur : IE5.5, 6, 7
  +couleur : IE5. , 6, 7
  #color: IE5.5, 6, 7
  -color: IE5.5, 6
  ＿color: IE5.5, 6
  Parmi ceux-ci, j'aime utiliser ＊et＿
  couleur

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!