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>
效果图如下:
上面的样式表式该链接未访问时是红色且无下划线,访问的后是绿色且无下划线,激活链接时是蓝色且有下划线,鼠标单击链接上为紫色且有下划线。