.hoverと一緒に.activeの目的は何ですか？

Question

私はw3のアコーディオンの例を通り過ぎていて、この混乱しやすいcssのビットに遭遇しました。ユーザはボタンをクリックして、兄弟欄の中に隠しテキストを表示します。私が理解しづらいことは、button.accordion.activeが以下のCSSコードでどのような目的を果たしているかです。私は知っている。アクティブ。リンクなどの特定の要素がいつ活性化されるかを示すのに使用される。この場合、それはコードのビットなしで正常に動作するので必要ですか？私が学ぶのを助けてくれてありがとう

は、ここで全体の例にlinkだと下のボタン

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

Answer 1

そうしないと、ユーザーが要素をマウスでポイントしたとき、およびユーザーがマウスボタンを押したままになっているときに要素の色が異なります。

Answer 2

のCSSで私はW3に答えを見つけました。 .activeは、ボタンがクリックされたときに背景色を追加するために使用されます。ありがとう！