Vier Zustände im CSS-Stil des a-Tags

Dieser Artikel stellt hauptsächlich die vier Staaten im CSS-Stil vor. Er hat einen gewissen Referenzwert. Jetzt können Freunde in Not darauf verweisen Das a-Tag lautet: a:link ->a:hover ->a:active ->a:visited. Darüber hinaus kann a:active nicht mit oder ohne Unterstreichung festgelegt werden (es ist immer vorhanden).

stellt Verbindungen in allen Zuständen dar, z. B. a{color:red}.

① a: Link: Nicht besuchter Link, z. B. a:link {color:blue}

② a:visited: Besuchter Link, z. B. a:visited{color:blue}
③ a:active: Bei Aktivierung (der Link erhält den Fokus, wenn) die Farbe des Links, z. B. a:active{color:blue}
④ a:hover: wenn sich die Maus über den Link bewegt, z. B. a:hover {color:blue }
Im Allgemeinen a:hover und a:visited Der Status des Links (Farbe, Unterstreichung usw.) sollte derselbe sein.
Die ersten drei entsprechen den Attributen link, vlink und alink des Body-Elements.
Die Reihenfolge der vier „Zustände“ ist: a:link –>a:hover –>a:active –>a:visited. Darüber hinaus kann a:active nicht mit oder ohne Unterstreichung gesetzt werden (es ist immer vorhanden).
Beispiel: Gemeinsame Statuswerte von Pseudoklassen

<style type = “text/css”> 
a {font-size:16px} 
a:link {color: blue; text-decoration:none;} //未访问：蓝色、无下划线 
a:active:{color: red; } //激活：红色 
a:visited {color:purple;text-decoration:none;} //已访问：purple、无下划线 
a:hover {color: red; text-decoration:underline;} //鼠标移近：红色、下划线 
</style>

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Lernen aller hilfreich ist die chinesische PHP-Website!

Verwandte Empfehlungen:

CSS Einführung in die Verwendung des Solid-Attributs von Border

Erklärung des CSS-Mauscursors

Das obige ist der detaillierte Inhalt vonVier Zustände im CSS-Stil des a-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!