热搜:NVER node 开发 php

html 链接的四种状态_html/css_WEB-ITnose

2024-11-09 15:40:01
html 链接的四种状态_html/css_WEB-ITnose

Link。此时,链接就在那儿等着用户点击。
Visited。用户此前点击过这个链接。
Hover。鼠标指针正悬停在链接上。
Active。链接正在被点击(鼠标在元素上按下,还没有释放)

以下就是这些状态对应的4个伪类选择符(使用了a选择符和一些示例声明):

a:link {color:black;}a:visited {color:gray;}a:hover {text-decoration:none;}a:active {color:red;}

备注:由于这 4 个伪类的特指度(本章后面再讨论特指度)相同,如果不按照这里列出的顺序使用它们,浏览器可能不会显示预期结果。为了好记,我建议大家可以这么想:“LoVe? HA!”大写字母就是每个伪类的头一个字母。