“a:active”和“.active a.class”之间的区别

Question

我在 css 文件中有这样的内容：

#toolbar a.opener:hover,
#toolbar a.opener:active,
#toolbar a.opener:focus {
    something1;
}
#toolbar .active a.opener {
    something2;
}

问题：

1. “第一次活动”和“第二次活动”有什么区别？
2. 什么时候被称为“第一活跃”和“第二活跃”？

Answer 1

:active指定元素所处的状态。元素:active被单击或通过其他方式获得焦点时即为元素。

.active指的是一个类名。在这种情况下，CSS 规则适用于在父元素active中具有该类的元素#toolbar。

Answer 2

第一条规则包含“伪”类，这些类在元素处于某种状态时以元素为目标。当用户单击该元素时， :active 伪选择器适用于该元素。

后一个规则只是一个类选择器，它适用于具有“opener”类的锚元素，并且是具有“active”类的元素的后代。