Im vorherigen Artikel auf downcodes.com haben wir erwähnt, „Ihre CSS-Dateien neu zu schreiben, um sie besser zu organisieren und klarer zu strukturieren“, aber die Entwicklung guter Codierungsgewohnheiten war schon immer das, was ich an CSS befürworte. Der heutige Artikel wird diesen Inhalt besprechen.
Der zuletzt definierte CSS-Stil überschreibt alle zuvor definierten vorhandenen oder widersprüchlichen Stile, wie zum Beispiel das folgende Beispiel:
Beispiel-Quellcode
[www.downcodes.com] p { Farbe: rot; Hintergrund: gelb }
p {Farbe: grün}
Der obige Absatz wird schließlich in grüner Schrift mit gelbem Hintergrund angezeigt. Der Grund dafür, dass der gelbe Hintergrund nicht verschwindet, liegt daran, dass die zuletzt definierte Farbe nicht vorhanden ist widersprüchliche Definition in der Definition, daher ist sie immer noch gültig.
Verstehst du das wirklich? OK, machen wir einen kleinen Test:
Beispiel-Quellcode
[www.downcodes.com] p.red { Farbe: rot }
p.green { Farbe: grün }
p.blue { Farbe: blau }
Beispiel-Quellcode
[www.downcodes.com] <p class="red green blue">Beispieltext downcodes.com</p>
<p class="green blue red">Beispieltext downcodes.com</p>
<p class="blue red green">Beispieltext downcodes.com</p>
Bitte sagen Sie mir, welche Farbe wird der Text in den drei obigen Absätzen haben, wenn er schließlich angezeigt wird?
Die Antwort ist, dass sie alle in Blau angezeigt werden, d , der erste wird als blau angezeigt und der dritte wird als rot angezeigt und der dritte wird als grün angezeigt. Das hat tatsächlich nichts mit der Reihenfolge zu tun in dem die Stile angewendet werden. Letztendlich folgen sie alle dem zuletzt angegebenen Stil und die Farbe ist blau.
