应用于<a>标签的伪类选择器(link、visited、active、hover)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_35768238/article/details/79957254

       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>

效果图如下:

 

       上面的样式表式该链接未访问时是红色且无下划线,访问的后是绿色且无下划线,激活链接时是蓝色且有下划线,鼠标单击链接上为紫色且有下划线


阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页