Heim >Web-Frontend >CSS-Tutorial >Einführung in den CSS-Pseudoklassenselektor

Einführung in den CSS-Pseudoklassenselektor

王林
王林nach vorne
2020-07-01 17:01:163376Durchsuche

Einführung in den CSS-Pseudoklassenselektor

Pseudoklassenauswahl:

(empfohlenes Lernen: CSS-Schnellstart)

1 , aktiv, besucht

a:link (unbesuchter Linkstatus), wird zur Definition des regulären Linkstatus verwendet.

a:hover (der Zustand, wenn die Maus auf dem Link platziert wird), wird zur Erzeugung visueller Effekte verwendet.

a:active (der Zustand, wenn die Maus auf den Link gedrückt wird).

a:visited (Status des besuchten Links): Sie können die besuchten Links sehen.

a:link{color: black}
a:hover{color: yellow}
a:active{color: blue}
a:visited{color: red}
 
<a href="#">Nick</a>

2. Vorher, Nachher

P:before Fügt Inhalt vor dem Inhalt jedes e388a4556c0f65e1904146cc1a846bee ein.

P:after fügt Inhalt nach dem Inhalt jedes e388a4556c0f65e1904146cc1a846bee-Elements ein.

p {
    color: yellow;
}
p:before{
    content: "before...";
}
p:after{
    content: "after...";
}

<p> Nick </p>

Das obige ist der detaillierte Inhalt vonEinführung in den CSS-Pseudoklassenselektor. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:csdn.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen