HTML伪类选择器

最新推荐文章于 2025-03-21 21:08:02 发布

小馒头爱学Java

最新推荐文章于 2025-03-21 21:08:02 发布

阅读量1.7k

点赞数

分类专栏：前端文章标签： html css3 css

本文链接：https://blog.youkuaiyun.com/qq_45769329/article/details/120981570

版权

本文详细探讨了HTML中的链接伪类选择器，包括`:link`、`:visited`、`:hover`、`:active`等，阐述它们在CSS3中的应用和作用，帮助读者掌握如何利用这些选择器实现更丰富的交互效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.链接伪类选择器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
      <style>
        /* 1.给未访问的链接选出来设置样式 a:link */
        a:link {
          color: blue;
          text-decoration: none;
        }
        /* 2.选择点击过的（访问过的）链接 a:visited */
        a:visited {
          color: orange;
        }
        /* 3.选择鼠标经过的链接 a:hover */
        a:hover {
          color: skyblue;
        }
        /* 4.选择鼠标按下还没有弹起（松开）鼠标的链接 a:active */
        a:active {
          color: red;
        }
      </style>
</head>
<body>
  <a href="#">小猪佩奇</a>
</body>
</html>