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

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

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

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

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

 

 代码如下所示:

<!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>

 

相关文章:

  • 2022-12-23
  • 2021-08-13
  • 2021-11-14
  • 2021-10-07
  • 2021-11-30
  • 2022-01-06
  • 2021-07-16
  • 2021-07-10
猜你喜欢
  • 2021-11-12
  • 2021-06-14
  • 2021-11-14
  • 2021-09-10
  • 2021-04-06
  • 2022-12-23
  • 2021-09-14
相关资源
相似解决方案