css 伪类选择器

最新推荐文章于 2024-08-01 16:25:07 发布

北漂编程小王子

最新推荐文章于 2024-08-01 16:25:07 发布

阅读量115

点赞数 1

分类专栏： CSS 前端文章标签： css伪类选择器 css链接增加效果

本文链接：https://blog.csdn.net/wujian_csdn_csdn/article/details/121097359

版权

前端同时被 2 个专栏收录

15 篇文章 0 订阅

订阅专栏

CSS

11 篇文章 0 订阅

订阅专栏

给选择器增加特殊的效果，使用冒号（：）表示
在这里插入图片描述
注意这四个特效的顺序：规则按照LVHA 原则，如果不按照这样的顺序写，会导致特效不正常！！！！

举例：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
 
   a {
    text-decoration: none;
    color: #333;
   }

   a:hover {
     color: skyblue;
   }
   a:visited {
     color: rgb(172, 172, 117);
   }

   a:active {
     color: tomato;
   }
  </style>
</head>

<body>

  <a  href="#">百度</a>
  
</body>

</html>