我们有几十个CSS pseudo-classes。大多数浏览器＆＃39;开发人员工具允许我们仅检查/切换其中的一小部分，例如:hover，:focus，:active。
如何检查特定元素是否具有其他伪类？你怎么能切换它们？
一个示例是Bootstrap form validation将:invalid和:valid伪类应用于input元素，具体取决于它是否已通过验证。假设我们需要通过检查和切换这些伪类来调试自定义验证规则和反馈。你会如何在开发人员工具中做到这一点？
我不限制Chrome DevTools的问题;使用任何浏览器开发人员工具来回答这个问题都是完美的。同样，我并没有将这个问题局限于Bootstrap验证的具体用例（它只是第一个想到的），因为该用例仅涵盖了许多其他CSS伪类中的两个。 / p>