html链接的四种状态_html/css
来源：动视网
责编：小OO
时间：2020-11-27 16:04:14
html链接的四种状态_html/css
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。”大写字母就是每个伪类的头一个字母。
导读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。”大写字母就是每个伪类的头一个字母。
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!”大写字母就是每个伪类的头一个字母。
html链接的四种状态_html/css
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。”大写字母就是每个伪类的头一个字母。
