重温CSS伪类，如何解决CSS的active伪类无效的问题

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第7天，点击查看活动详情

前言

在工作学习中，使用CSS伪类的情况还是很多的，今天就来重温一下，看看为什么有时候使用不好使。

CSS伪类

伪类用于定义元素的动态状态，例如悬停(hover)、点击(active)等，伪类的名称不区分大小写，但需要以冒号:开头。

``` /* 未访问的链接 */ a:link { color: #FF0000; }

/* 已访问的链接， 绿色 */
    a:visited {
    color: #00FF00; 
    }

    /* 鼠标悬停链接 */
    a:hover {
    color: #FF00FF;
    }

    /* 已选择的链接 */
    a:active {
    color: #0000FF;
    }

```

解决伪类无效

伪类使用顺序

使用伪类的时候，我们要注意一下伪类的顺序，hover 必须被置于 link 和 visited 之后，才是有效的。 active 必须被置于 hover 之后，才是有效的。

如果将 visit