Was ist das Prinzip der CSS-Pseudoklasse?

Das Prinzip der CSS-Pseudoklassen bedeutet, dass Pseudoklassen Elemente anhand von Merkmalen und nicht anhand ihrer Namen, Attribute oder Inhalte klassifizieren. Grundsätzlich können Merkmale nicht aus dem Dokumentbaum abgeleitet werden, Pseudoklassen können sich jedoch so anfühlen, als ob sie es könnten Ist es dynamisch, kann ein Element eine Pseudoklasse gewinnen oder verlieren, wenn der Benutzer mit dem Dokument interagiert.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version. Diese Methode ist für alle Computermarken geeignet.

Empfohlen: „CSS-Video-Tutorial“

Was ist das Prinzip von CSS-Pseudoklassen?

Erklärung: Pseudoklassen klassifizieren Elemente anhand von Merkmalen und nicht anhand ihrer Namen, Attribute oder Inhalte.

Grundsätzlich können Merkmale nicht aus dem Dokumentenbaum abgeleitet werden. Pseudoklassen können sich dynamisch anfühlen und ein Element kann eine Pseudoklasse gewinnen oder verlieren, 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.

Pseudoklassen umfassen: :first-child, :link:, vistited, :hover:, active:focus, :lang

Was sind Pseudoklassen?

Das bedeutet, dass CSS selbst einige Features und Funktionen bereitstellt, das heißt, Sie benötigen weder class=... noch id=..., Sie können es natürlich auch direkt verwenden seine Attribute, wie zum Beispiel: a :link{color:#ff0000;}

Viele CSS-Vorschläge werden von Browsern nicht unterstützt, aber es gibt vier Pseudoklassen für Verbindungen, die sicher verwendet werden können. Sie sind verlinkt, besucht, schwebend und aktiv.

a:link{color:#000000;} /*设置 a 对象在未被访问前的样式。*/
a:hover{color:#000000;} /*设置对象在其鼠标悬停时的样式。*/
a:active{color:#000000;} /*设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式。*/
a:visited{color:#000000;} /*设置 a 对象在其链接地址已被访问过时的样式。*/

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