Css 为什么引导包含焦点和活动的类和伪类？

我试图通过检查Chrome中的按钮元素并使用“force element state”复选框查看悬停、聚焦和活动状态（以及它们的所有组合）的样式来了解引导按钮的样式

有一件小事情让我感到困惑：Bootstrap似乎将“active”和“focus”的样式定义为类和伪类：例如，“.btn-default.focus，.btn-default:focus{…}”

---

我理解：active和：focus伪类是如何工作的，但是将.active和.focus定义为一个类的目的是什么？它是某种聚填充物的一部分吗？被Javascript使用？如果要覆盖引导默认样式，是否需要确保覆盖.focus和.active类以及：focus和：active伪类？

如果要通过脚本设置活动类，则需要实际类（而不是伪类）。这是我能想到的唯一合乎逻辑的理由

为了确保安全，您可能需要覆盖它们。然而，我从来没有这样做过，也从来没有遇到过任何问题。。。所以