Quand les navigateurs ont-ils commencé à prendre en charge plusieurs classes par balise ?

StackOverflow https://stackoverflow.com/questions/61051

  •  09-06-2019
  •  | 
  •  

Question

Vous pouvez utiliser plusieurs classes CSS dans une balise HTML dans les navigateurs Web actuels, par exemple :

<div class="style1 style2 style3">foo bar</div>

Cela n'a pas toujours fonctionné ;avec quelles versions les principaux navigateurs ont-ils commencé à prendre correctement en charge cette fonctionnalité ?

Était-ce utile?

La solution

@Wayne Kao - IE6 n'a aucun problème à lire plus d'un nom de classe sur un élément et à appliquer des styles appartenant à chaque classe.L'article fait référence à la création de nouveaux styles basés sur la combinaison de noms de classes.

<div class="bold italic">content</div>

.bold {
  font-weight: 800;
}

.italic {
  font-style: italic;
{

IE6 appliquerait les styles gras et italique au div.Cependant, disons que nous voulions que tous les éléments ayant des classes grasses et italiques soient également violets.Dans Firefox (ou éventuellement IE7, je ne suis pas sûr), nous pourrions écrire quelque chose comme ceci :

.bold.italic {
  color: purple;
}

Cela ne fonctionnerait pas dans IE6.

Autres conseils

Je pense que Firefox a toujours pris en charge cela, du moins depuis la version 1.5.IE n'a ajouté une prise en charge complète que dans la version v7.IE6 le prend en charge partiellement, mais il est assez bogué, alors ne comptez pas sur son bon fonctionnement.

Selon myrtille, IE4 et Netscape 4.x ne le prennent pas en charge. Spécification HTML 4.0 dit

classe = liste cdata [CS]

Cet attribut attribue un nom de classe ou un ensemble de noms de classe à un élément.Tout nombre d'éléments peut se voir attribuer le même nom ou nom de classe.Plusieurs noms de classe doivent être séparés par des caractères d'espace blanc.

Apparemment, IE 6 ne les gère pas correctement si vous disposez de sélecteurs CSS contenant plusieurs noms de classe :http://www.ryanbrill.com/archives/multiple-classes-in-ie/

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top