前端笔记css（3）----css伪类_超链接

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>伪类</title>
    <!-- <style type="text/css">
      a:link{color: black;} /* 未访问状态 */
      a:visited{color: red;}/* 已访问状态 */
      a:hover{color: blue;}/* 鼠标悬停状态 */
      a:active{color: aqua;}/* 激活状态 *//* 鼠标点击未松开时 */

      p:hover{color: #0000FF;}/* 当鼠标悬浮在该段落时显示蓝色 */
      p:active{color: #FF0000;}/* 当鼠标点击该段落未松开时显示红色 */
    </style> -->

    <style type="text/css"> 
      a.first:link{color: black;} /* 类选择器对超链接标签样式进行选择 */
      a.first:visited{color: red;}
      a.first:hover{color: blue;}
      a.first:active{color: aqua;}

      a.second:link{color: black;}
      a.second:visited{color: green;}
      a.second:hover{color: slateblue;}
      a.second:active{color: burlywood;}
    </style>
  </head>
  <body>
    <a class="first" href="css基础.html">css基础.html</a>
    <br>
    <a class="second" href="css基础.html">css基础.html</a>

    <p>一粒程序米</p><!-- 伪类hover和active不仅能用于a标签，还能用于其他标签 -->
  </body>
</html>

<!-- 笔记：
伪类hover和active不仅能用于a标签，还能用于其他标签 -->

前端笔记css（3）----css伪类_a标签_02

前端笔记css（3）----css伪类_a标签_03