伪类选择器主要是用于修改a标签的样式，一共有四种,分别是link（默认样式）、visited（访问过后的样式）、hover（鼠标悬浮的样式）、active（鼠标长按的样式）；
举例说明：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
a:link{color:blue}
a:visited{color:pink}
a:hover{color:deeppink}
a:active{color:red}
</style>
</head>
<body>
<a href="#">我是a标签的默认样式</a>
</body>
</html>
点击过后的颜色：pink
鼠标悬浮的颜色：deeppink
鼠标长按时显示的颜色：red
另外需要注意的是：一般伪类选择器存在一定的排布规则，否则可能会出现某个选择器无法生效，默认是爱恨原则
：link/visited/hover/active;
提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。
提示：在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。
提示：伪类名称对大小写不敏感。
附参考资料 点击打开链接
补充：其他标签也支持伪类选择器中的hover
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
