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;
}

上面案例中定义的链接颜色是红色,访问过后的链接是绿色,鼠标悬浮在链接上时是黑色,点击时的颜色是白色。

设置a标签伪类顺序:

a:link ------> a:visited ------> a:hover ------> a:active

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐