HTML连载63-a标签的伪类选择器
程序员文章站
2022-05-28 23:06:47
一、a标签的伪类选择器 1.通过观察可以发现a标签存在一定状态 （1）默认状态，从未被访问过 （2）被访问过的状态 （3）鼠标长按的状态 （4）鼠标悬停在a标签上的演示 2.什么是a标签的伪类选择器？ a标签的伪类选择器是专门用来修改a标签不同状态的样式。 a:link{} 用来修改默认的样式 a: ......
一、a标签的伪类选择器
1.通过观察可以发现a标签存在一定状态
（1）默认状态，从未被访问过
（2）被访问过的状态
（3）鼠标长按的状态
（4）鼠标悬停在a标签上的演示
2.什么是a标签的伪类选择器？
a标签的伪类选择器是专门用来修改a标签不同状态的样式。
a:link{} 用来修改默认的样式
a:visited{} 用来修改被点击过之后的样式
a:active{} 用来修改被鼠标长按时的状态
a:hover{} 用来修改鼠标悬停在a标签上面时的状态。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>d160_albelpseudoclassselector</title>
<style>
a:link{/*默认颜色设置*/
color:skyblue;
}
a:visited{
color:red;
}
a:active{
color:yellow;
}
a:hover{
color:black;
}
</style>
</head>
<body>
<a href="http://www.taobao.com"><h1>taobao</h1></a>
<a href="http://www.jingdong.com"><h1>jd</h1></a>
</body>
</html>
二、源码：
d160_albelpseudoclassselector.html
地址:
https://github.com/ruigege66/html_learning/blob/master/d160_albelpseudoclassselector.html
2.csdn：https://blog.csdn.net/weixin_44630050
3.博客园：https://www.cnblogs.com/ruigege0000/
4.欢迎关注微信公众号：傅里叶变换，个人账号，仅用于技术交流，后台回复“礼包”获取java大数据学习视频礼包