"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

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

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

Answer 2

:active指定元素所处的状态。当元素被单击或通过其他方式获得焦点时，它就是:active。

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

Answer 3

第一个:active (冒号)是指浏览器自动设置的active 伪css类。第二个.active是指您(或您的程序)需要应用于元素的一个简单的css类。

因此，要回答第二个问题，当用户单击(激活)网页上的链接时，浏览器会自动应用第一个问题，而第二个问题则不会自动应用。