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.

Beim Schreiben von HTML definieren wir häufig mehrere Werte für das Klassenattribut, stellen jedoch auch häufig fest, dass die von uns definierten Werte ungültig sind! ! !

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>

Die Farben, die ich in den beiden Klassen festgelegt habe, sind unterschiedlich. Die in middle_div festgelegte Farbe ist rot und die in padding_10 festgelegte Farbe ist grün.

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.

Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Inhalte finden Sie auf der chinesischen PHP-Website

andere verwandte Artikel!

Verwandte Lektüre:

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!