Quando i browser hanno iniziato a supportare più classi per tag?

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

  •  09-06-2019
  •  | 
  •  

Domanda

Puoi utilizzare più di una classe CSS in un tag HTML nei browser Web attuali, ad esempio:

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

Questo non ha sempre funzionato;con quali versioni i principali browser hanno iniziato a supportare correttamente questa funzionalità?

È stato utile?

Soluzione

@Wayne Kao - IE6 non ha problemi a leggere più di un nome di classe su un elemento e ad applicare gli stili che appartengono a ciascuna classe.Ciò a cui si riferisce l'articolo è la creazione di nuovi stili basati sulla combinazione di nomi di classi.

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

.bold {
  font-weight: 800;
}

.italic {
  font-style: italic;
{

IE6 applicherebbe sia lo stile grassetto che quello corsivo al div.Tuttavia, supponiamo che volessimo che anche tutti gli elementi con classi in grassetto e corsivo fossero viola.In Firefox (o forse IE7, non sono sicuro), potremmo scrivere qualcosa del genere:

.bold.italic {
  color: purple;
}

Ciò non funzionerebbe in IE6.

Altri suggerimenti

Credo che Firefox lo abbia sempre supportato, almeno dalla versione 1.5.IE ha aggiunto il supporto completo solo nella versione v7.IE6 lo supporta parzialmente, ma è piuttosto difettoso, quindi non contare sul corretto funzionamento.

Secondo mirtillo, IE4 e Netscape 4.x non lo supportano. Specifiche HTML 4.0 dice

classe = elenco-cdata [CS]

Questo attributo assegna un nome di classe o un set di nomi di classe a un elemento.Qualsiasi numero di elementi può essere assegnato lo stesso nome o nomi della classe.I nomi di più classi devono essere separati da caratteri spaziali bianchi.

Apparentemente IE 6 non li gestisce correttamente se hai selettori CSS che contengono più nomi di classi:http://www.ryanbrill.com/archives/multiple-classes-in-ie/

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top