伪类选择器
-
普通选择器是选中某一个标签,伪类选择器是选中标签某种状态
-
1.语法:
普通选择器:状态{} -
2.创建状态
-
a. link - 初始状态(对于a标签来说,初始状态指的是标签对应的地址没有成功访问过)
-
b. visited - 访问后的状态(一般针对a标签)
-
c. hover - 鼠标悬停在标签上(别的标签也可以使用)
-
d. active - 鼠标按住不放的时候
-
注意:1.状态前不是只能写元素选择器,更不是只能写a标签
-
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*设置a标签所有状态的样式*/
/*a{
color: saddlebrown;
}*/
a:link{
color: green;
}
a:visited{
color: greenyellow;
}
.a1:hover{
color: red;
background-color: lightgray;
}
a:active{
color: slateblue;
}
p:hover{
color: red;
}
</style>
</head>
<body>
<p>我是段落</p>
<a href="05选择器.html2">百度一下1</a>
<a class="a1" href="https://www.baidu.com">百度一下2</a>
<a class="a1" href="05选择器.html">百度一下3</a>
</body>
</html>
网友评论