22.CSS-a标签的伪类选择器

a标签的伪类选择器

通过观察发现a标签存在一定的状态。

1. 默认状态，从未被访问过；
2. 被访问过的状态；
3. 鼠标长按的状态；
4. 鼠标悬停在a标签上的状态。

1.什么是a标签的伪类选择器？

作用：专门用来修改a标签不同状态的样式的。

2.格式

:link 修改从未被访问过的状态下的样式；
:visited 修改被访问过状态下的样式；
:active 修改鼠标长按的状态下的样式；
:hover 修改鼠标悬停在a标签上的状态下的样式。（这个伪类选择器除了可以用在a标签上，还可以用在其它的任何标签上）

3.注意点

1. a标签的伪类选择器可以单独出现也可以一起出现；
2. a标签的伪类选择器如果一起出现，那么有严格的顺序要求。（编写的顺序必须遵守爱恨原则love hate l、v、h、a）；
3. 如果默认状态的样式和被访问过状态的样式一样，可以缩写：

a{
      color: skyblue;
  }

练习：

ul li a{
            width: 120px;
            height: 40px;
            display: inline-block;
            background-color: pink;
        }
        ul li a:link{
            text-decoration: none;
            color: white;
        }
        ul li a:hover{
            color: red;
            background-color: #cccccc;
        }
        ul li a:active{
            color: yellow;
        }

1. 在企业开发中，编写a标签的伪类选择器最好写在标签选择器的后面；
2. 在企业开发中和a标签盒子相关的属性都写在标签选择器中（显示模式/宽度/高度/padding/margin）；
3. 在企业开发中和a标签文字/背景相关的都写在伪类选择器中。