HTML und CSS · Middle · Frage 45 von 75
Eine React-Komponente verbindet externe Klassen: className={"p-2 " + props.className} und bekommt p-4. Welches Padding ergibt sich?
- 1Immer
p-2: die im Attributclasszuerst stehende Klasse gewinnt - 2Immer
p-4: die im Attributclassspäter stehende Klasse gewinnt - 3Es hängt von der Reihenfolge der Regeln im CSS ab, nicht in
class
Antwort zeigen
Richtige Antwort: Es hängt von der Reihenfolge der Regeln im CSS ab, nicht in class
Erklärung
Die Reihenfolge der Klassen im Attribut class beeinflusst die Kaskade nicht: Bei gleicher Spezifität gewinnt die Regel, die in der CSS-Datei später steht. Das Ergebnis von p-2 p-4 ist aus Sicht der Komponente also unvorhersehbar. tailwind-merge (oft über einen Helfer cn()) entfernt widersprüchliche Klassen und behält die letzte.