Rumah > hujung hadapan web > html tutorial > html 链接的四种状态_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-24 11:46:15
asal
1138 orang telah melayarinya

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

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

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

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







Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan