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

2023年1月13日 199次阅读 来源: 挂树上的骷髅怪 
<!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>
    原文作者：挂树上的骷髅怪
    原文地址: https://www.jianshu.com/p/0100cfda019a
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞