504 Stimmen

Wie kann man einem HTML-Container mehrere Klassen zuweisen?

Ist es möglich, mehrere Klassen einer einzigen Klasse zuzuordnen? HTML Container?

Etwa so:

<article class="column, wrapper">

1 Stimmen

Welches Problem haben Sie jetzt? Auf jeden Fall war das die Lösung für dieses Problem. Jedes andere Problem kann von mehreren Faktoren abhängen.

1 Stimmen

Obwohl dies machbar ist, verwende ich normalerweise verschachtelte Container mit CSS-Vererbung. Das ist viel hübscher und in der Regel auch nützlicher.

0 Stimmen

Wenn Sie nach dem Entfernen des Kommas immer noch Probleme haben, schlage ich vor, dass Sie sich die Anleitung unter warum Regeln nicht funktionieren . Ich habe festgestellt, dass der häufigste Stolperstein für mich die Situation ist, die dort als "Verwendung eines Shorthand-Poperty" beschrieben wird (d. h. implizites Zurückgreifen auf einen Standardwert)

681voto

Aurelio De Rosa Punkte 21158

Entfernen Sie einfach das Komma wie folgt:

<article class="column wrapper">

9 Stimmen

<article class="class1 class2 ... classN">

5 Stimmen

Seltsam: Leerzeichen statt Kommas. Aber ja, danke für die Antwort

227voto

Jonathan Henson Punkte 7898

Vom Standard

7.5.2 Elementbezeichner: die Attribute id und class

Attribut-Definitionen

id = Name [CS]
Mit diesem Attribut wird einem Element ein Name zugewiesen. Dieser Name muss in einem Dokument eindeutig sein.

Klasse = cdata-Liste [CS]
Dieses Attribut weist einem Element einen Klassennamen oder einen Satz von Klassennamen zu. Jede Zahl von Elementen kann derselbe Klassenname oder dieselben Namen zugewiesen werden. Mehrere Klassennamen müssen durch Leerzeichen getrennt werden.

Ja, setzen Sie einfach ein Leerzeichen dazwischen.

<article class="column wrapper">

Natürlich gibt es viele Möglichkeiten, die CSS-Vererbung zu nutzen. Hier ist eine Artikel zur weiteren Lektüre .

3 Stimmen

Wie sollte ein Browser reagieren, wenn ein Element mehreren Klassen zugeordnet ist, die unterschiedliche Werte für dieselben Attribute festlegen? Gibt es dafür eine Rangfolge?

0 Stimmen

@EternallyCurious Die Attribute werden vom Browser aggregiert, daher ist dieses Verhalten nicht deterministisch.

6 Stimmen

@JonathanHenson: Nein, ist es nicht. Bei einem Gleichstand der Spezifität gewinnt die Regel, die später im CSS auftaucht.

26voto

Webeng Punkte 6746

Zuweisen mehrere Klassen zu einer HTML-Element beide Klassennamen in die Anführungszeichen des Attributs class ein und trennen sie durch ein Leerzeichen:

<article class="column wrapper"> 

Im obigen Beispiel, column y wrapper sind zwei getrennte CSS-Klassen, und ihre beiden Eigenschaften werden auf die article Element.

25 Stimmen

Was unterscheidet diese Antwort von der vorherigen?

-12voto

amit kumar Punkte 11

Müssen Sie einen Punkt zwischen die Klasse setzen wie

class="column.wrapper">

0 Stimmen

Bitte fügen Sie Ihrer Antwort eine Erklärung hinzu, damit andere daraus lernen können. Warum sollte man dort einen Punkt anstelle eines Leerzeichens verwenden?

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X