<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
/*
CSS的属性规则：遵守就近原则！ 如果将visited放在hover和active的后面，访问过后就不会有
hover和active的效果；所以必须把visited放在前面；
*/
/* 未访问 */
a:link{
color:green;
}
/* 已访问 */
a:visited{
color:#ccc;
}
/* 鼠标悬浮 */
a:hover{
color:red;
}
/* 激活 */
a:active{
color:pink;
}
</style>
</head>
<body>
<h3>伪类选择器</h3>
<ul>
<li><a href="http://www.baidu.com" target="_blank">百度</a></li>
<li><a href="http://www.jd.com" target="_blank">京东</a></li>
<li><a href="http://www.tmall.com" target="_blank">天猫</a></li>
<li><a href="http://www.taobao.com" target="_blank">淘宝</a></li>
</ul>
</body>
</html>
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
