Day.01.03 伪类选择器的相关案例

<!DOCTYPE html>
<html>
 <head>
 <meta  charset="utf-8">
  <title> 伪类选择器的相关案例 </title>
    <style type="text/css">
        /*超链接的默认样式*/
        a:link{
            color:black;
            font-size:25px;
            text-decoration:none;
        }
        /*当鼠标移动到超链接时的样式*/
        a:hover{
            text-decoration:underline;
            font-size:50px;
        }
        /*当鼠标点击超链接以后的样式*/
        a:visited{
            color:red;
        }
        /*当鼠标按下但是没有松开时的样式*/
        a:active{
            color:blue;
        }
        /*超链接的默认样式*/
        a.tb-a:link{
            color:pink;
        }
    </style>
 </head>
 <body>
    <a href="http://www.baidu.com">百度点击事件</a><br>
    <a href="http://www.sohu.com">搜狐点击事件</a><br>
    <a href="http://www.baidu.com">百度点击事件</a><br>
    <a href="http://www.sohu.com">搜狐点击事件</a><br>
    <a class="tb-a" href="http://www.itbull.com">泰牛实力广告</a><br>
 </body>
</html>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容