我试图通过检查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伪类?
答案 0 :(得分:1)
如果要通过脚本设置活动类,则需要实际的类(不是伪类)。这是我能想到的唯一合乎逻辑的理由。
您可能想要覆盖它们,只是为了确定。但是,我从来没有这样做,我从来没有遇到任何问题......所以...