Maison  >  Article  >  interface Web  >  Quatre états dans le style CSS de la balise a

Quatre états dans le style CSS de la balise a

不言
不言original
2018-06-12 11:17:204350parcourir

Cet article présente principalement les quatre états dans le style CSS de la balise a. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer

Il y a quatre états dans. la balise a La séquence de "statut" est : a:link ->a:hover ->a:active ->a:visited. De plus, a:active ne peut pas être défini avec ou sans soulignement (il est toujours présent). Voici un exemple que vous pouvez consulter

représente les connexions dans tous les états, comme a{color:red}.
① a: lien : lien non visité, tel que a:link {color:blue}
② a:visited : lien visité, tel que a:visited{color:blue}
③ a:active : Lorsqu'il est activé (le lien obtient le focus lorsque) la couleur du lien, telle que a:active{color:blue}
④ a:hover : lorsque la souris se déplace sur le lien, telle que a:hover {color:blue }
Généralement a:hover et a:visited Le statut du lien (couleur, souligné, etc.) doit être le même.
Les trois premiers correspondent respectivement aux attributs link, vlink et alink de l'élément body.
La séquence des quatre « états » est : a:link ->a:hover ->a:active ->a:visited. De plus, a:active ne peut pas être défini avec ou sans soulignement (il est toujours présent).
Exemple : valeurs de statut communes des pseudo-classes

<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>

Ce qui précède est l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'apprentissage de chacun. Pour plus de contenu connexe, veuillez payer. attention au site PHP chinois !

Recommandations associées :

CSS Introduction à l'utilisation de l'attribut solide de Border

Explication du curseur de style souris CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn