<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>伪类</title>
<style>
/* link：没有访问过的状态 */
a:link{
font-size: 20px;
color: aqua;
text-decoration: none;//文本下划线修饰
}
/* visited:鼠标访问过的状态（点击后且松开） */
a: :visited{
font-size: 25px;
color: aquamarine;
text-decoration: underline;
}
/* hover：鼠标经过状态 */
a:hover{
font-size: 30px;
color: chartreuse;
text-decoration: underline;
}
/* active:鼠标激活状态 (鼠标点击了但没有松开)*/
a:active{
font-size: 40px;
text-decoration: none;
color: cornflowerblue;
}
</style>
</head>
<!--
伪类--锚伪类
描述标签的某种状态
css样式代码
选择器：状态名称{
写样式代码；
}
状态名称：
link:没有访问过的状态
hover:鼠标经过状态
active:鼠标激活状态（鼠标点击了，但没有松开）
visited:鼠标访问过的状态（点击后并且松开）
循环的效果:必须符合顺序
在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。
提示：在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。
-->
<body>
<a href="css的选择器.html">超链接</a>
</body>
</html>伪类选择器
最新推荐文章于 2024-07-16 20:50:21 发布
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
