Detaillierte Analyse der Vererbung und Kaskadierung von CSS-Stilen

Dieser Artikel stellt hauptsächlich die CSS-Stil- Vererbung und verwandte Informationen zur Kaskadierung vor. Freunde, die sie benötigen, können sich auf

1: Basic Selector

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

Tag-Selektor wählt alle angegebenen Tags auf der aktuellen Seite aus; Der Tag-Selektor hat keinen Bezug zur aktuellen Tag-Hierarchie des Codes und kann ausgewählt werden, solange er sich auf der aktuellen Seite befindet.

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 den

Klassenselektor aus.

Zwei: Drei Sätze komplexer Selektoren

1.

Nachkommenselektoren

A. Sie können nachfolgende Untertags basierend auf den Tags in der aktuellen Auswahl finden

B. Der Nachkommenselektor kann eine mehrstufige präzise Auswahl durchführen

2 Selektor

Format: Auswahl der ersten Ebene, Auswahl der zweiten Ebene {}

Hinweis: Punkte stellen Schnittpunkte dar, die normalerweise mit einer Beschriftung beginnen

3

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

Viertens: CSS-Kaskadierung

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.

Wenn sich der Geltungsbereich nicht direkt auf die Beschriftung selbst auswirkt, spiegelt er das Proximitätsprinzip wider

wichtig hat die höchste Priorität und * hat die niedrigste Priorität

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!