Das Definieren mehrerer Klassenattribute in HTML ist ungültig

Dieses Mal werde ich Ihnen die ungültige Definition mehrerer Klassenattribute in HTML vorstellen. Was sind die Vorsichtsmaßnahmen zur ungültigen Definition mehrerer Klassenattribute in HTML? Fall. Stehen Sie auf und schauen Sie nach.

Wenn ich in der Vergangenheit auf diese Situation gestoßen bin, habe ich sie direkt umgeschrieben oder die ID direkt verwendet, um das CSS-Attribut festzulegen. Aber heute denke ich darüber nach, dass etwas nicht stimmt. . . Ich muss die Wahrheit finden! ! !

<div id="p" class="middle_div padding_10"> 
<span id="s" class="normal_span"></span> 
</div>

Das Ergebnis ist grün , das Mein erstes Gefühl war: Die Richtung ist umgekehrt!

Also habe ich die beiden Positionen vertauscht und es war immer noch grün! !

Dies. . . .

Könnte es sein? ? ?

Öffnen Sie die CSS-Datei und schauen Sie nach, padding_10 steht vor middle_div.

Aktualisiert den Browser. ! !

Wenn Sie also mehrere Klassenwerte definieren, stellen Sie sicher, dass Sie Ihren Lieblingsstil am Ende angeben!
Aber wenn Sie ein div vor padding_10 hinzufügen (vorausgesetzt, das übergeordnete Element ist ein div) und es zu div.padding_10 wird, werden Sie feststellen, dass unser p div immer grün ist, egal wo es ist,

Wie aus diesem Beispiel ersichtlich ist, wird die
Priorität des CSS-Stils beim Laden der CSS-Datei bestimmt und nicht durch die Position des Klassenattributs im nachfolgenden HTML.

andere verwandte Artikel!

Wie das Laufschriftelement den Effekt des Scrollens von Schriftarten und Bildern erzielt

So wird das Format gespeichert von HTMLs TextArea

Das obige ist der detaillierte Inhalt vonDas Definieren mehrerer Klassenattribute in HTML ist ungültig. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!