CSS-Kaskadierung ist eine Grundfunktion von CSS. Es handelt sich um einen Algorithmus, der definiert, wie Attributwerte aus mehreren Quellen zusammengeführt werden. CSS-Kaskadierung bedeutet, dass CSS-Stile Konflikte basierend auf Kaskadierungsregeln behandeln, wenn dasselbe Attribut für dasselbe konfiguriert wird Element, wählen Sie das vom CSS-Selektor angegebene Attribut mit hoher Gewichtung aus.
Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.
Was ist CSS-Kaskadierung?
Kaskadierung ist ein grundlegendes Merkmal von CSS, einem Algorithmus, der definiert, wie Eigenschaftswerte aus mehreren Quellen kombiniert werden. Es ist der Kern von CSS, und der vollständige Name von CSS, Cascading Style Sheets, unterstreicht diesen Punkt.
CSS-Kaskadierung bedeutet, dass ein CSS-Stil, wenn er dasselbe Attribut für dasselbe Element konfiguriert, Konflikte basierend auf den Kaskadierungsregeln (Gewichtung) behandelt und das vom CSS-Selektor angegebene Attribut mit hoher Gewichtung auswählt. Es wird im Allgemeinen auch als hoch beschrieben -Gewichtsüberlagerung. Geringes Gewicht, daher auch Stapelung genannt.
Jeder CSS-Selektor hat eine Gewichtung. Wenn zwei Selektoren gleichzeitig dasselbe Attribut desselben Elements konfigurieren (z. B. legt einer die Farbe Rot und der andere die Farbe Schwarz fest), entsteht ein Konflikt und die Lösung Der Konflikt wird sein: Es ist das Gewicht des CSS-Selektors. Derjenige mit dem höheren Gewicht überschreibt den mit dem niedrigeren Gewicht.
Kaskadierung bedeutet, dass der Stil des Tags der oberen Ebene automatisch auf alle Tags der unteren Ebene übernommen wird. Beispielsweise wird der für die Tag-Auswahl festgelegte Schriftstil für
automatisch übernommen. p> unter , es sei denn,überschreibt den entsprechenden Stil.
Kaskadierung bezieht sich auf die Priorität von Stilen. Wenn ein Konflikt auftritt, hat derjenige mit der höheren Priorität Vorrang:
Entwicklerstil > Browserstil (es sei denn, das !important-Tag wird verwendet)
CSS-Video-Tutorial】
Das obige ist der detaillierte Inhalt vonWas ist CSS-Kaskadierung?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!