Heim  >  Artikel  >  Web-Frontend  >  Was sind CSS-Gewichte?

Was sind CSS-Gewichte?

王林
王林Original
2020-11-12 09:30:083982Durchsuche

CSS-Gewicht bezieht sich auf die Priorität des Selektors. CSS-Stile mit hoher Priorität überschreiben Stile mit niedriger Priorität. Wenn die Gewichtungen der CSS-Auswahlregeln unterschiedlich sind, hat diejenige mit der höheren Gewichtung Vorrang. Wenn die Gewichtungen der CSS-Auswahlregeln gleich sind, hat die später definierte Regel Vorrang.

Was sind CSS-Gewichte?

Um das Gewicht von CSS zu kennen, müssen wir zunächst die 6 grundlegenden Selektoren von CSS-Stilen verstehen: ID-Selektor, Klassenselektor, Attributselektor, Pseudoklassen- und Objektselektor, Label-Selektor-Selektor und einheitlicher Selektor . Alle in CSS-Stilen definierten Selektoren bestehen aus diesen sechs Grundselektoren, und die Kombinationsmethoden sind außerdem in drei Typen unterteilt: Nachkommenselektoren, Unterselektoren und benachbarte Selektoren.

(Verwandte Videofreigabe: CSS-Video-Tutorial)

Die Gewichtung von CSS bezieht sich auf die Priorität dieser Selektoren. Je höher die Priorität, desto höher die Gewichtung. umgekehrt.

CSS-Prioritätsregeln:

1. Wenn die Gewichtungen der CSS-Auswahlregeln unterschiedlich sind, hat diejenige mit der höheren Gewichtung Vorrang.

2 Wenn die Gewichtungen der CSS-Auswahlregeln gleich sind, gilt die definierte Regel später hat Vorrang;

3. Beim Hinzufügen von !important wird bedingungslose absolute Priorität gegeben

Verwandte Empfehlungen:

CSS-Tutorial

Das obige ist der detaillierte Inhalt vonWas sind CSS-Gewichte?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn