<a>在网页中是一个比较重要的存在.

所以CSS也对<a>标签做了特殊照顾. 给他提供了 4 种状态.

在CSS中使用伪类(Pseudo-class)要表示这种状态.

伪类的语法: :伪类名

一. a 标签的四种状态伪类

1. :link: 这个链接的地址从来没有访问过.

2. :visited: 链接地址曾经访问过了

3. :hover: 鼠标移动到了元素的上方. (这个伪类任何元素都支持)

4. :active: 激活的意思. 当鼠标按下还没有松开的状态.(大部分元素都支持)

<style>
a:link{
    background-color: gray;
}
a:visited{
    background-color: red;
}
a:hover{
    background-color: pink;
    font-size: 20px;
}
a:active{
    background-color: blue;
}
</style>
<a href="https://www.sohu.com">搜狐一下</a>

注意:

• 这四个伪类在应用在<a>标签的时候, 一定要按照上面的顺序, 顺序不能乱.

• 使用"爱恨原则"来帮助大家记忆 LoVe HAte

• 这 4 个伪类不用总是同时存在, 需要哪个就添加哪个即可.

• :link和:visited只能用于<a>元素, 所以也叫链接伪类.

• :hover, :avtive理论上可以用于任何的元素, 称为动态伪类.

多学一招

• 在实际使用中发现, 直接给 <a>添加属性, 就相当于同时:a:link, a:visited