【CSS学习笔记】a标签的四种伪类

时间：2023-03-08 16:03:50

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>第40课 a标签的伪类</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="布尔教育 http://www.itbool.com" />
<style type="text/css">
    a:link{
        /*a:link链接最初始最普通的状态*/
        color: grey;
    }
    a:visited{
        /*a:visited点击链接结束之后的颜色*/
        color: purple;
    }
    a:hover{
        /*a:hover鼠标放上去的一瞬间改变颜色*/
        color: orange;
    }
    a:active{
        /*a:active点击的一瞬间改变颜色*/
        color: black;
    }

</style>
</head>
    <body>
        <div>
            CSS允许我们针对a标签的4种状态设置各自的CSS特性，叫做CSS的伪类<br/>
            1、a:active状态一般不必写
            2、一定要注意，它们是有顺序的：LVHA
            3、a:link可以简写为a
        </div>
        <a href="#">空链接</a>
        <a href="#">空链接</a>
        <a href="#">空链接</a>
        <a href="#">空链接</a>
        <a href="#">空链接</a>
    </body>
</html>

相关文章