调皮的a标签
今天,实验室的小同志突然问a标签的四个状态,对啊,简单的回答呀,
a:link 是指超链接正常的时候的状态
a:visited 是超链接被点击以后的状态
a:hover是超链接鼠标经过状态
a:active 是超链接激活状态
没毛病啊.设置的顺序也是这样啊,LOVE/HATE,很明确啊.
但是:怎么都不显示原来的状态呀,哪里出了问题啊啊啊.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>链接</title>
<style type="text/css">
a:link{
color:blue;
text-decoration:underline;
}
a:visited{
color:red;
text-decoration:none;
}
a:hover{
color:green;
text-decoration:underline;
}
a:active{
color:yellow;
text-decoration:none;
}
</style>
</head>
<body>
<a href="#">链接</a>
</body>
</html>
尝试了刷新,关闭浏览器重新打开,就差关机重启了,差点怀疑自己学了假的CSS,最后突然明白了,没有清除浏览器缓存,怕是傻了傻了,由此可见,不要忽视任何一个小问题,你认为的小,反而会成为大问题.对,就是这样的.
重点来了,大家要记得设置四个状态的顺序哟!
学习时间快乐的事情,加油加油加油!
调皮.jpg
网友评论