>웹 프론트엔드 >HTML 튜토리얼 >html 链接的四种状态_html/css_WEB-ITnose

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

WBOY
WBOY원래의
2016-06-24 11:46:151151검색

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!”大写字母就是每个伪类的头一个字母。







성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.