CSS基础(4)_超链接的伪类、伪元素

最新推荐文章于 2023-12-22 09:54:36 发布

VIP文章风之舞_yjf

最新推荐文章于 2023-12-22 09:54:36 发布

阅读量759

点赞数

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

本文链接：https://blog.csdn.net/no15870678621/article/details/118498859

版权

超链接的伪类

只能适用于设置超链接a
:link 用来表示没访问过的链接(正常的链接)
:visited 用来表示访问过的链接(由于隐私的原因，所以visited这个伪类只能修改链接的颜色)

适用所有元素
:hover 用来表示鼠标移入的状态
:active 用来表示鼠标点击

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>超链接的伪类</title>
    <link rel="stylesheet" href="../css/a.css">
</head>
<body>
     <a href="https://www.12345.com/" target="__blank">没访问过的链接</a>
     <br>
     <a href="https://www.csdn.net/" target="__blank">访问过的链接</a>
</body>
</html>

/* 没访问过的链接状态 */
a:link{
    font-size: 20px;
    color: hotpink;
}
/* 访问过的链接状态 */
a:visited{
    color: green;
}
/* 鼠标移入链接时的状态 */
a:hover{
    color: rgb(0, 217, 255);
}
/* 鼠标点击链接时的状态 *

最低0.47元/天解锁文章

优惠劵

风之舞_yjf

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
CSS基础(4)_超链接的伪类、伪元素

超链接的伪类只能适用于设置超链接a:link 用来表示没访问过的链接(正常的链接):visited 用来表示访问过的链接(由于隐私的原因，所以visited这个伪类只能修改链接的颜色)适用所有元素:hover 用来表示鼠标移入的状态:active 用来表示鼠标点击<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>超链接的伪
复制链接

扫一扫