美文网首页Chrome DevTools 小贴士
2.如何使用DevTools触发CSS伪类

2.如何使用DevTools触发CSS伪类

作者: 澄澄真可爱 | 来源:发表于2021-03-08 10:34 被阅读0次
    pseudo-trigger.gif
    可以触发元素上的伪类,以研究元素(例如,将元素悬停在元素上)如何反应。您可以右键单击“元素”面板中的节点,然后选择“强制元素状态”。或者,可以在“样式”子窗格中单击“切换”元素状态图标。

    当一个元素应用了某种状态时,您将在节点的开始标签左侧看到一个视觉指示器,在某些情况下,也将在关闭标签左侧(如果它们相距很远)。

    我们可以触发:活动类(:active),焦点类(:focus),悬停类(:hover)和访问过的(:visited)伪类。

    补充

    一般伪类是:PseudoClass,伪元素是::PseudoElement,虽然伪元素也能写一个冒号,但是最好区分开来

    相关文章

      网友评论

        本文标题:2.如何使用DevTools触发CSS伪类

        本文链接:https://www.haomeiwen.com/subject/umbeqltx.html