Heim > Artikel > Web-Frontend > 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>
Verwandte Empfehlungen:
CSS
Einführung in die Verwendung des Solid-Attributs von Border
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!