链接伪类选择器

最新推荐文章于 2022-08-29 19:57:20 发布

羊咩咩和喵呜

最新推荐文章于 2022-08-29 19:57:20 发布

阅读量5.4k

点赞数 2

文章标签：伪类选择器：link ：visited ：hover ：active

本文链接：https://blog.csdn.net/qq_42853707/article/details/81910665

版权

用：表示
：link 位访问的链接
：visited 已经访问过的链接会发生改变
：hover 鼠标移动到链接上会发生改变
：active 选定的链接
顺序不能变

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接伪类选择器</title>
    <style>
        a:link { /* 未访问过得链接状态*/
            color: green;text-decoration: none;
            font-size: 24px;
            font-weight: bold;

        }
        a:visited {
            /*链接已经点过的样子*/
            color: yellow;
        }
        a:hover { /*鼠标经过链接是的样子*/
            color: #f10215;
        }
        a:active {
            /*鼠标按下时候的样子*/
            color: skyblue;
        }

    </style>
</head>
<body>
    <a href="http://www.baidu.com">百度一下</a>
</body>
</html>