CSS踩坑（5）关于锚伪类

最新推荐文章于 2022-06-04 23:51:50 发布

qwe122343

最新推荐文章于 2022-06-04 23:51:50 发布

阅读量398

点赞数 1

本文链接：https://blog.csdn.net/qwe122343/article/details/103949998

版权

Web 同时被 3 个专栏收录

17 篇文章 0 订阅

订阅专栏

CSS

9 篇文章 0 订阅

订阅专栏

html

4 篇文章 0 订阅

订阅专栏

锚伪类听起来是个很另类的名字哈哈哈，锚伪类包括四种状态，按我自己通俗的理解，是
1、鼠标未点击状态 ——link
2、鼠标点击已访问状态 ——visited
3、鼠标悬停状态 ——hover
4、鼠标点击链接被按下状态 ——active

注意4者有顺序：
要严格按照link——visited——hover——active书写CSS代码

CSS代码：

a:link{
    color: crimson;
}

a:visited{
    color: #dd44dd;
}

a:hover{
    color: gold;
    /*hover是鼠标指针浮动在上面*/
}

a:active{
    color: gray;
}

html代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS总结</title>
    <link rel="stylesheet" href="../CSS/0112_01.css">
</head>
<body>
<a href="http://www.google.com">google一下 你就知道（未点击：红，悬停：黄，鼠标点击：灰，访问了：紫）</a>

</body>
</html>