本站资源全部免费,回复即可查看下载地址!
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
一、a标签的伪类选择器 1.通过观察可以发现a标签存在一定状态 (1)默认状态,从未被访问过 (2)被访问过的状态 (3)鼠标长按的状态 (4)鼠标悬停在a标签上的演示 2.什么是a标签的伪类选择器? a标签的伪类选择器是专门用来修改a标签不同状态的样式。 a:link{} 用来修改默认的样式 a:visited{} 用来修改被点击过之后的样式 a:active{} 用来修改被鼠标长按时的状态 a:hover{} 用来修改鼠标悬停在a标签上面时的状态。
[HTML] 纯文本查看 复制代码 <!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
|