Ungültige Lösung beim Definieren mehrerer Klassenattribute in HTML
|
Beim Schreiben von HTML definieren wir häufig mehrere Werte für Klassenattribute, stellen jedoch auch häufig fest, dass die von uns definierten Werte ungültig sind! ! ! Wenn ich früher auf diese Situation gestoßen bin, habe ich es einfach neu geschrieben oder direkt die ID verwendet, um das CSS-Attribut festzulegen. Heute denke ich, dass etwas nicht stimmt. . . Ich muss die Wahrheit herausfinden! ! ! Code kopieren Der Code lautet wie folgt:<div id="p" Klasse="middle_div padding_10"> <span id="s" class="normal_span"></span> </div> Ich habe in den beiden Klassen unterschiedliche Farben eingestellt, Rot in middle_div und Grün in padding_10. Das Ergebnis zeigte grün und mein erstes Gefühl war: Die Richtung war falsch! Also habe ich die beiden Positionen vertauscht und es war immer noch grün! ! Das. . . . Könnte es sein? ? ? Ich öffnete die CSS-Datei und sah, dass padding_10 vor middle_div stand. Dann tauschte ich ihre Positionen. Aktualisieren Sie den Browser, rot! ! ! Achten Sie beim Definieren mehrerer Klassenwerte darauf, Ihren bevorzugten Stil am Ende hinzuzufügen! Wenn Sie jedoch vor padding_10 ein div hinzufügen (vorausgesetzt, das übergeordnete Element ist ein div), wird es zu div.padding_10. Dann werden Sie feststellen, dass unser p-Div immer grün ist, egal, wo es ist. Anhand dieses Beispiels können wir erkennen, dass die Priorität des CSS-Stils beim Laden der CSS-Datei festgelegt wird und nicht später durch die Position des Klassenattributs im HTML. |
<<: MySQL Series 10 MySQL-Transaktionsisolierung zur Implementierung der Parallelitätskontrolle
Artikel empfehlen
Ein mobiler adaptiver Webseiteneffekt löst das Problem der kleinen Anzeigeseite
Für die Arbeit muss ich einen adaptiven Webseitene...
4 Möglichkeiten zur Implementierung von Routing-Übergangseffekten in Vue
Vue-Router-Übergänge sind eine schnelle und einfa...
SQL-Implementierung von LeetCode (183. Kunden, die noch nie eine Bestellung aufgegeben haben)
[LeetCode] 183.Kunden, die nie bestellen Angenomm...
Erste Schritte mit TS (TypeScript) im Vue-Projekt
Inhaltsverzeichnis 1. Einführung in Typescript 2....
Linux Überprüfen Sie den Installationsort der Software einfache Methode
1. Überprüfen Sie den Installationspfad der Softw...
CnBlogs - Teilen im benutzerdefinierten Blogstil
Nachdem ich die halbe Nacht daran gearbeitet hatt...
Detaillierter Prozess zur Bereitstellung von MySQL mit Docker (allgemeine Anwendungen, die mit Docker bereitgestellt werden)
Ich habe es Ihnen bereits vorgestellt: Docker (Be...
Verwenden Sie xshell, um eine Verbindung zum Linux-Server herzustellen
Vorteile der Verwendung von xshell zur Verbindung...
4 Möglichkeiten, doppeltes Einfügen von Daten in Mysql zu vermeiden
Die gebräuchlichste Methode besteht darin, einen ...
Verwenden Sie natives JS, um den Scroll-Effekt des Live-Bullet-Bildschirms zu simulieren
Inhaltsverzeichnis 1. Grundprinzipien 2. Spezifis...
Implementierung und Optimierung von MySql-Unterabfragen IN
Inhaltsverzeichnis Warum ist IN langsam? Was ist ...
Installation und Deinstallation der dekomprimierten Version von MySQL 5.7 und Zusammenfassung häufiger Probleme
1. Installation 1. Herunterladen Gehen Sie zur of...
Einige Erfahrungen in der Selbstkultivierung von Künstlern
Da der Einfluss des Unternehmens wächst und seine...
Windows Server 2012 Kein Remotedesktoplizenzserver kann eine Lizenz bereitstellen, und die Remotesitzung wird getrennt
Als ich mich heute beim internen Server des Unter...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.17
Funktionen von MySQL: MySQL ist ein relationales ...