Dieser Artikel stellt hauptsächlich die CSS-Stil- Vererbung und verwandte Informationen zur Kaskadierung vor. Freunde, die sie benötigen, können sich auf
Tag-Auswahl: Wählen Sie entsprechend dem Tag-Namen auf der Seite aus und wenden Sie den Stil direkt auf das angegebene Tag an.Funktionen:
1. Der ID-Auswahl: Sie müssen zuerst ein Tag angeben, um den ID-Wert festzulegen (der ID-Wert kann nicht wiederholt werden und ist auf der gesamten Seite eindeutig).Klassenauswahl
: Indem Sie dem Tag einen Klassennamen geben, wählen Sie das angegebene Tag über denKlassenselektor aus.
Zwei: Drei Sätze komplexer Selektoren1.
NachkommenselektorenA. Sie können nachfolgende Untertags basierend auf den Tags in der aktuellen Auswahl finden
B. Der Nachkommenselektor kann eine mehrstufige präzise Auswahl durchführen2 Selektor
Format: Auswahl der ersten Ebene, Auswahl der zweiten Ebene {}
Hinweis: Punkte stellen Schnittpunkte dar, die normalerweise mit einer Beschriftung beginnen3
Format: erster Selektor, zweiter Selektor,...{}
Drei:CSS-VererbungEigenschaft Definition: Es gibt einige Stile, die, wenn sie für das aktuelle Tag festgelegt werden, auch für seine Nachkommen-Tags festgelegt werden Hinweis: Tags, die den Stil erben, und Tags, die den Stil definieren, müssen Es ist ein Unterordnungsbeziehung (Abkömmlings-Tag-Beziehung)
Die grundlegenden Attribute der Textstileinstellung
können vererbt werden (Farbe, Farbe, Stil, Text, Schriftart, Schriftart, Zeile, Attributzeile)
Alles über das Box-Modell (p, span usw.) .) Eigenschaftseinstellungen (Rahmen, Positionierung, Layout) können nicht vererbt werden
Definition: Mehrfachauswahl Wenn der Selektor vorhanden ist Wird es gleichzeitig auf dasselbe Tag angewendet, wird der Stil entsprechend dem Prioritätstyp
angewendet. Die Beurteilungsmethode des Selektors:
-Verwenden Sie die Gewichtsbeurteilungsmethode-Berechnen Sie die Gewichtung (ICE) anhand der Anzahl der ID-Auswahlen, Klassenauswahlen und Beschriftungsauswahlen in jeder Auswahl
-Vergleichen Sie zuerst die ID-Gewichte, dann die Kategorien und schließlich Vergleichen Sie die Etiketten-Die Vergleichsreihenfolge ist für alle gleich
Hinweis: Wenn die Gewichte gleich sind, überschreiben die späteren die vorherigen. Die Prämisse der numerischen Gewichtung besteht darin, sicherzustellen, dass jeder Selektor das angegebene Element auswählen muss.
Das obige ist der detaillierte Inhalt vonDetaillierte Analyse der Vererbung und Kaskadierung von CSS-Stilen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!