Was sind CSS-Pseudoklassen?

CSS-Pseudoklassen werden verwendet, um einige Spezialeffekte von Selektoren hinzuzufügen. Sie werden verwendet, um vorhandenen Elementen entsprechende Stile hinzuzufügen, wenn sie sich in einem bestimmten Zustand befinden.

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.

Zum Beispiel: Wenn der Benutzer mit der Maus über ein bestimmtes Element fährt, können Sie :hover verwenden, um den Status dieses Elements zu beschreiben. Obwohl es dem allgemeinen CSS ähnelt und Stile zu vorhandenen Elementen hinzufügen kann, befindet es sich nur in einem Status können nicht durch den DOM-Baum beschrieben werden. Stile können nur zu Elementen hinzugefügt werden, daher werden sie Pseudoklassen genannt.

Es fühlt sich an, als ob Pseudoklassen dynamisch sein können und ein Element eine Pseudoklasse gewinnen oder verlieren kann, wenn der Benutzer mit dem Dokument interagiert. Die Ausnahmen sind „:first-child“, das aus dem Dokumentbaum abgeleitet werden kann, und „:lang“, das in einigen Fällen auch aus dem Dokumentbaum abgeleitet werden kann.

Es ist ersichtlich, dass seine Funktion der einer Klasse etwas ähnelt, sie jedoch auf der Abstraktion außerhalb des Dokuments basiert und daher als Pseudoklasse bezeichnet wird.

Pseudoklassen umfassen: :first-child, :link:, besuchte, :hover:, :active, :focus, :lang, :right, :left, :first

Was sind Pseudoklassen?

It ist in CSS integriert. Die Klasse CSS selbst bietet ihr einige Features und Funktionen, das heißt, Sie können sie direkt ohne class=... oder id=... verwenden. Natürlich können Sie auch einige ihrer Attribute ändern. wie zum Beispiel: a:link{ color:#FF0000;}

Viele CSS-Vorschläge werden von Browsern nicht unterstützt, aber es gibt vier Pseudoklassen, die sicher für Hyperlinks verwendet werden können.

• :Link wird für nicht besuchte Verbindungen verwendet.

• : besuchte wird für bereits besuchte Verbindungen verwendet.

• :aktiv wird für Verbindungen verwendet, die den Fokus erhalten haben (z. B. angeklickt wurden).

• :Hover wird für die Verbindung verwendet, auf der der Mauszeiger platziert wird.

【Empfohlenes Lernen: CSS-Video-Tutorial】

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