CSS 伪类选择器

最新推荐文章于 2021-06-29 15:06:22 发布

houyanhua1

最新推荐文章于 2021-06-29 15:06:22 发布

阅读量176

点赞数

分类专栏： CSS 文章标签： css

本文链接：https://blog.csdn.net/houyanhua1/article/details/78379936

版权

CSS 专栏收录该内容

65 篇文章 1 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> new document </title>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <link rel="stylesheet" type="text/css" href="" />
  <style type="text/css">
a:link,a:visited{ color:red;}  /* 伪类选择器。链接<a>标签。链接正常状态以及访问过的状态。 */
a:hover{color:blue;}         /* 鼠标放在链接上的状态(悬停状态) */

a.test1:link,a.test1:visited{ color:green;}  /* 链接<a>标签中类名class="test1"的标签 */
a.test1:hover{color:gray;}

</style>
 </head>

 <body>
  <a href="#">测试链接样式的四种状态</a><br />
  <a href="#">测试链接样式的四种状态</a><br />
  <a href="#"class="test1">测试链接样式的四种状态</a><br />
  <a href="#">测试链接样式的四种状态</a>

  <br />
  <a href="#">测试</a>
 </body>
</html>