.active与.hover的目的是什么？

Question

我正在通过w3手风琴示例并遇到了令人困惑的css。用户单击按钮以显示兄弟div中的隐藏文本。我无法理解的是button.accordion.active在下面的CSS代码中的用途。我知道.active用于指示链接等特定元素何时被激活。在这种情况下是否有必要，因为它没有那点代码就可以正常工作。谢谢你帮我学习。

以下是整个示例中的link，下面是按钮的css

button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}

Answer 1

我在w3上找到了答案。 .active用于在单击按钮时添加背景颜色。谢谢！

Answer 2

否则，当用户将鼠标指向元素时，以及用户按住鼠标按钮时，元素的颜色会有所不同。