Was ist das Proximity-Prinzip im CSS-Stil?

In CSS bedeutet das Näherungsprinzip von Stilen, dass bei Anwendung mehrerer unterschiedlicher Stilregeln auf dasselbe Element bei gleichen Stilgewichten auch der Stil in der Nähe des Elements die größte Priorität hat als mehrfach Wenn zwei Stile das gleiche Gewicht haben, hat der Stil mit dem letzten Rang die höchste Priorität.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.

Was ist das Prinzip der CSS-Stilnähe?

CSS-Priorität

In komplexen CSS-Stylesheets ist es oft nicht so einfach, verschiedene Werte desselben Stils zu stapeln Auf dasselbe Element werden unterschiedliche Stilregeln angewendet. Welcher Stil sollte zu diesem Zeitpunkt verwendet werden? Dies ist ein typisches CSS-Prioritätsproblem.

Um das vorrangige Problem zu lösen, berücksichtigen Sie das Gewicht des Stils. Hier sind einige besondere Situationen, die wir Ihnen vorstellen möchten:

==Das Gewicht geerbter Stile beträgt 0. ==Mit anderen Worten, in einer verschachtelten Struktur beträgt die auf das untergeordnete Element angewendete Gewichtung 0, unabhängig davon, wie groß das Gewicht des Stils des übergeordneten Elements ist, wenn das untergeordnete Element erbt, dh der durch das untergeordnete Element definierte Stil überschreibt alle geerbten Stile.

==Inline-Stile haben Vorrang. ==Das Gewicht des Inline-Stils des Elements, auf das das Stilattribut angewendet wird, ist sehr hoch, was als viel größer als 100 verstanden werden kann. Kurz gesagt, es hat eine höhere Priorität als die oben genannten Selektoren.

Bei gleichen Gewichten folgt CSS dem Proximity-Prinzip. Das heißt, der Stil, der dem Element am nächsten ist, hat die höchste Priorität, oder der Stil mit dem letzten Rang hat die höchste Priorität.

CSS definiert einen !important-Befehl, der die höchste Priorität erhält. Das heißt, unabhängig von Gewicht und Abstand der Stilposition hat !important die höchste Priorität.

CSS-Gewicht

Was das CSS-Gewicht betrifft, benötigen wir eine Reihe von Berechnungsformeln, um es zu berechnen. Dies ist die CSS-Spezifität, die wir CSS-Eigenschaften oder Nicht-Spezifität nennen. Es handelt sich um eine standardspezifische Spezifikation, die die Priorität von CSS misst Geben Sie die Werte wie folgt ein:

Die Spezifität wird durch eine vierstellige Zahlenfolge dargestellt (CSS2 ist dreistellig), was eher vier Ebenen entspricht. Die Werte auf der linken Seite sind die größten , eine Ebene ist größer als eine Ebene, und es gibt keine Basis zwischen den Ziffern, Ebenen können nicht überschritten werden.

(Lernvideo-Sharing: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonWas ist das Proximity-Prinzip im CSS-Stil?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!