css伪类的使用和注意事项

css伪类的使用和注意事项

1）伪类的介绍

伪类的使用大多都是服务于a标签，使得a标签在页面上有更好的展示效果，我们可以通过一些伪类来描述一个元素的状态。

2）常见的伪类

1. :link 应用于未被访问过的链接；
2. :hover 应用于鼠标悬停到的元素；
3. :active 应用于被激活的元素，鼠标点着不放；
4. :visited 应用于被访问过的链接，与:link互斥。

3）代码的展示

:hover 当鼠标在元素上悬停时元素颜色变红

ul li a:hover{
            color: red;
        }

:active 当鼠标点着元素不放时，元素变红

ul li a:active{
            color: red;
        }

:visited 当被选元素被访问后，该元素颜色变红

ul li a:visited{
            color: red;
        }

:link 未访问链接

ul li a:link{
            color: red;
        }

##css伪类的使用和注意事项