Les changements de style d'une balise les plus couramment utilisés sont en fait les changements de style des quatre pseudo-classes
Exemples de quatre pseudo-classes et leurs fonctions :
:link a标签还未被访问的状态
:visited a标签已被访问过的状态
:hover 鼠标悬停在a标签上的状态
:active a标签被鼠标按下时的触发状态(鼠标松开后,样式就会消失)
Exemple de code :
<style type="text/css">
a:link {color:#000}//未访问时的状态
a:visited {color:red}//已访问的链接
a:hover {color:blue}//鼠标悬停在a链接
a:active {color:black}//鼠标按住a标签时
</style>
La séquence peut être rappelée comme suit : lvha
Raisons de l'ordre des quatre pseudo-catégories :
Ajoutez des styles avec la même priorité au même élément, et ceux écrits plus tard écraseront les précédents. La pseudo-classe de la balise a est juste une combinaison de différentes séquences d'action. L'ordre de démarrage de l'action détermine l'ordre des pseudo-classes lvha
Les deux premiers états (lien, visité) sont des états normaux, tandis que les deux derniers états sont des états instantanés. Lorsque l'état instantané démarre, il écrase l'état normal, de sorte que les deux états instantanés sont placés derrière