伪类选择器 像某些选择器添加特殊效果。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<style type="text/css">
.mycls:hover{
color: yellow;
}
</style>
</head>
<body>
<h1 class="mycls">我是标题</h1>
</body>
</html>
一般伪类选择器都用在超链接上:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<style type="text/css">
/* 设置静止状态 */
a:link{
color: brown;
}
/* 设施鼠标悬浮状态 */
a:hover{
color: blue;
}
/* 设置出发状态 */
a:active{
color: green;
}
/* 设置完成状态 */
a:visited{
color: purple;
}
</style>
</head>
<body>
<a href="index.html">我是超链接</a>
</body>
</html>