a标签的四个伪类

阿南419

于 2022-08-21 14:33:59 发布

阅读量2.5k

点赞数 2

文章标签： css 前端

本文链接：https://blog.csdn.net/weixin_68107052/article/details/126450710

版权

本文详细介绍了CSS中a标签的四个伪类：a:link、a:visited、a:hover和a:active，分别用于定义正常链接、已访问链接、鼠标悬浮和鼠标点击时的样式。通过案例展示了如何设置这些伪类样式，如链接颜色变化等，并强调了设置顺序的重要性：a:link -> a:visited -> a:hover -> a:active。

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

a标签的四个伪类

什么是伪类？

CSS为一些特殊效果准备了特定的工具，我们称之为“伪类”。

a标签伪类的css样式：

语法：

伪类名称{
    
}

a标签伪类名称：

a:link

定义正常链接的样式；

a:visited

定义已访问过链接的样式；

a:hover

定义鼠标悬浮在链接上时的样式；

a:active

定义鼠标点击链接时的样式；

案例：

a:link {
	color:red;
    text-decoration:underline;
}
a:visited {
    color:blue;
    text-decoration:none;
}
a:hover {
	color:black;
	text-decoration:none;
}
a:active {
	color:white;
    text-decoration:none;
}