为什么Bootstrap包含用于焦点和活动的类和伪类?

时间:2016-12-05 23:12:14

标签: css twitter-bootstrap-3 css-selectors focus pseudo-class

我试图通过检查Chrome中的按钮元素并使用" force element state"来了解Bootstrap按钮的样式。复选框可查看悬停,焦点和活动状态的样式(以及其所有组合)。

我感到困惑的一件小事:Bootstrap似乎为" active"定义了样式。和#34;焦点"作为类和伪类:例如," .btn-default.focus,.btn-default:focus {...}"。

我理解:active和:focus伪类是如何工作的,但是将.active和.focus定义为类的目的是什么?它是某种polyfill的一部分吗?由Javascript使用?如果我想覆盖Bootstrap默认样式,我是否需要确保覆盖.focus和.active类以及:focus和:active伪类?

1 个答案:

答案 0 :(得分:1)

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

您可能想要覆盖它们,只是为了确定。但是,我从来没有这样做,我从来没有遇到任何问题......所以...