Notes sur le style d'écriture pour changer le style de couleur d'une étiquette dans différents états

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

Je suppose que tu aimes

Origine blog.csdn.net/weixin_45294459/article/details/126782827
conseillé
Classement