CSS3根据选择符的用途可以把选择器分为标签选择器,类选择器,ID选择器,全局选择器,组合选择器,继承选择器和伪类选择器等。伪类选择符定义的样式最常应用于<a>标签上,它表示4种不同的状态:link(未访问链接)、visited(已访问链接)、active(激活链接)、hover(鼠标停留在链接上)。<a>标签可以只有一种状态link,或者同时具有两种或这三种状态。
<body>
<a href="#">空链接</a>
<a href="www.baidu.com">百度</a>
<style type="text/css">
a:link{color:#FF0000; text-decoration:none}
a:visited{color:#00FF00; text-decoration:none}
a:hover{color:#0000FF; text-decoration:underline}
a:active{color:#FF00FF; text-decoration:underline}
</style>
</body>
效果图如下:
上面的样式表式该链接未访问时是红色且无下划线,访问的后是绿色且无下划线,激活链接时是蓝色且有下划线,鼠标单击链接上为紫色且有下划线。