为什么 Bootstrap 包含 类 和伪 类 用于 focus 和 active？
Why does Bootstrap contain both classes and pseudo-classes for focus and active?
我试图通过检查 Chrome 中的按钮元素并使用 "force element state" 复选框查看悬停、焦点和按钮的样式来了解 Bootstrap 按钮的样式活跃状态（以及它们的所有组合）。
一件让我感到困惑的小事：Bootstrap 似乎将 "active" 和 "focus" 的样式定义为 classes 和伪 classes：例如，“.btn-default.focus, .btn-default:focus { ... }”.
我了解 :active 和 :focus 伪 class 是如何工作的，但是将 .active 和 .focus 定义为 class 的目的是什么？它是某种 polyfill 的一部分吗？被 Javascript 使用？如果我想覆盖 Bootstrap 默认样式，我是否需要确保覆盖 .focus 和 .active classes 以及 :focus 和 :active pseudo-class是吗？
如果您想通过脚本设置活动 class，您需要一个实际的 class（而不是伪 class）。这是我能想到的唯一合乎逻辑的原因。
为了保险起见，您可能想要覆盖它们。但是，我从来没有这样做过，也从来没有遇到过任何问题...所以...
我试图通过检查 Chrome 中的按钮元素并使用 "force element state" 复选框查看悬停、焦点和按钮的样式来了解 Bootstrap 按钮的样式活跃状态（以及它们的所有组合）。
一件让我感到困惑的小事：Bootstrap 似乎将 "active" 和 "focus" 的样式定义为 classes 和伪 classes：例如，“.btn-default.focus, .btn-default:focus { ... }”.
我了解 :active 和 :focus 伪 class 是如何工作的，但是将 .active 和 .focus 定义为 class 的目的是什么？它是某种 polyfill 的一部分吗？被 Javascript 使用？如果我想覆盖 Bootstrap 默认样式，我是否需要确保覆盖 .focus 和 .active classes 以及 :focus 和 :active pseudo-class是吗？
如果您想通过脚本设置活动 class，您需要一个实际的 class（而不是伪 class）。这是我能想到的唯一合乎逻辑的原因。
为了保险起见，您可能想要覆盖它们。但是，我从来没有这样做过，也从来没有遇到过任何问题...所以...