Mehrere Stile: Wenn externe Stile, interne Stile und Inline-Stile gleichzeitig auf dasselbe Element angewendet werden, handelt es sich um mehrere Stile.
Es gibt eine Ausnahme: Wenn der externe Stil nach dem internen Stil platziert wird, überschreibt der externe Stil den internen Stil.
Beispiele sind wie folgt:
测试！
Priorität des Selektors
Erklärung:
1. Das maximale Gewicht des Inline-Stylesheets beträgt 1000; Das Gewicht des Klassenselektors beträgt 10
4. Das Gewicht des HTML-Tag-Selektors beträgt 1
Verwenden Sie das Gewicht des Selektors, um Berechnungen und Vergleiche durchzuführen. Das Beispiel lautet wie folgt:
Ergebnis: Die Daten im -Tag werden blau angezeigt.
CSS-Prioritätsregel:
A Selektoren haben ein Gewicht. Je größer das Gewicht, desto höher die Priorität.
B Wenn die Gewichte gleich sind Später angezeigte Stylesheet-Einstellungen sind besser als die zuerst angezeigten Stylesheet-Einstellungen.
C Die Regeln des Erstellers sind höher als die des Browsers: Das heißt, der vom Webseitenautor festgelegte CSS-Stil hat einen höheren Wert Priorität als die durch den Browser-Stil festgelegte;
D Der geerbte CSS-Stil ist nicht so gut wie der später angegebene CSS-Stil; Die mit „!important“ gekennzeichnete Regel ist die höchste; das Beispiel lautet wie folgt:
Ergebnis: Wird unter Firefox in Blau angezeigt; Unter IE 6 wird es in Rot angezeigt.
Verwenden Sie ein Skript, um Stile hinzuzufügen.
Wenn Nach der Verbindung Wenn Sie den externen Stil verwenden und dann mithilfe eines JavaScript-Skripts den internen Stil einfügen (d. h. der interne Stil wird mithilfe eines Skripts erstellt), zeigt der IE-Browser seine Einzigartigkeit. Der Code lautet wie folgt:
Ergebnis: In Firefox / Chrome / Safari / Opera ist der Text blau. Im IE-Browser ist der Text grün.
JavaScript-Code
anhängen, um Stilinhalte im IE hinzuzufügen:
var s=document.createElement("style");
var head=document.getElementsByTagName("head").item(0);
var link=document.getElementsByTagName("link").item(0);
Erklärung: