【前端开发】:CSS中的链接伪类选择器

链接伪类选择器也是一种选择器,它可以向某些选择器当中添加特殊的效果。比如给链接添加特殊的效果。它的使用方法如下所示:

:link /# 未访问的链接#/
:visited /# 已经访问的链接#/
:hover /#鼠标移动到链接上 #/
:active /# 选定的链接#/

用了这四个关键字,我们就可以对链接的颜色进行自定义了,我们可以定义其未访问的链接,已经访问的链接,鼠标移动到链接上,以及选定的链接的样式和颜色了。

点击之后的效果如下所示:原本未访问时的链接颜色我们定义为了红色,访问后我们定义为了灰色。鼠标进行选定时,我们定义为了白色

 

 代码如下所示:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪链接选择器</title>
    <style>
    a:link
    {
    color:red;
    }
    a:visited
    {
    color:gray;
    }
    a:hover
    {
    color:white;
    }
    a:active:
    {
    color:black;
    }
    </style>
</head>
<body>
<div><a href="##">秒杀</a></div>
</body>
</html>

 

posted @ 2021-02-06 09:23  Geeksongs  阅读(396)  评论(0编辑  收藏  举报

Coded by Geeksongs on Linux

All rights reserved, no one is allowed to pirate or use the document for other purposes.