首页 > 代码库 > CSS伪类

CSS伪类

<!DOCTYPE html>

<html>

 <head>

  <meta charset="utf-8">

  <title></title>

  <style>

   a{

    color:black;

   }

   a:visited{

    color:purple;

   }

   a:hover{

    color:red

   }

   a:active{

    color:blue;

   }

  </style>

 </head>

 <body>

  <div>

   <!-- CSS充许我们针对a标签的4种状态设置各自的CSS特性,叫做CSS伪类<br />

   注意事项:1:active一般不必写;2:设置状态时一定注意顺序是LVHA;3:a:link{...}可以简写为a{} -->

  </div>

  <div>

   <a>空链接1</a>

   <a>空链接2</a>

   <a>空链接3</a>

   <a>空链接4</a>

  </div>

 </body>

</html>

本文出自 “别闹好好的” 博客,转载请与作者联系!

CSS伪类