Wann haben Browser mehrere Klassen pro Tag zu unterstützen?

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

  •  09-06-2019
  •  | 
  •  

Frage

Sie können mehr als eine CSS-Klasse in einem HTML-Tag in aktuellem Web-Browser verwenden, z. 

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

Das hat nicht immer funktioniert; mit welchen Versionen haben die gängigen Browser diese Funktion richtig beginnen zu unterstützen?

War es hilfreich?

Lösung

@Wayne Kao - IE6 hat kein Problem auf ein Element mehr als einen Klassennamen zu lesen, und die Anwendung Stile, die zu jeder Klasse gehören. Was der Artikel bezieht sich auf sich neue Stile zu schaffen, basierend auf der Kombination von Klassennamen. 

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

.bold {
  font-weight: 800;
}

.italic {
  font-style: italic;
{

IE6 würde sowohl fett und kursiv Stile auf die div gelten. Allerdings sagen wir alle Elemente gesucht, die fett und kursiv Klassen müssen auch lila sein. In Firefox (oder möglicherweise IE7, nicht sicher), könnten wir so etwas schreiben: 

.bold.italic {
  color: purple;
}

Das wäre in IE6 nicht funktionieren.

Andere Tipps

Ich glaube, Firefox hat dies immer unterstützt, zumindest seit v1.5 sowieso. IE hinzugefügt nur volle Unterstützung in v7. IE6 unterstützt teilweise, aber es ist ziemlich buggy, so zählen nicht auf sie richtig funktioniert.

Nach Blooberry , IE4 und Netscape 4. x unterstützt dies nicht. HTML 4.0-Spezifikation sagt

  

class = CDATA-list [CS]

     

Dieses Attribut   weist einen Klassennamen oder die Klasse gesetzt   Namen eines Elements. Eine beliebige Anzahl von   Elemente können dieselbe zugeordnet werden   Klassennamen oder Namen. mehrere Klasse   Namen müssen durch Leerzeichen getrennt werden   Zeichen.

Offenbar IE 6 nicht verarbeitet diese richtig, wenn Sie CSS-Selektoren, die mehrere Klassennamen enthalten: http://www.ryanbrill.com/archives/multiple-classes-in -ie /

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top