Was ist das Prinzip der CSS-Pseudoklasse?

藏色散人
Freigeben: 2023-01-04 09:36:44
Original
2358 Leute haben es durchsucht

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.

Was ist das Prinzip der CSS-Pseudoklasse?

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 对象在其链接地址已被访问过时的样式。*/
Nach dem Login kopieren

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!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage