css - "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;
}

问题 :

“第一次主动”和“第二次主动”有什么区别
事件”？

什么时候被称为“第一活跃”和“第二活跃”？

Answer 1

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

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