如何编辑仅在Chrome DevTools中点击时才出现的类？

• 手动给元素加类：打开F12开发者工具，找到目标元素，在它的class属性里直接敲上那个点击才出现的类名，回车后元素就会加载该类样式，直接修改即可
• 控制台强制触发点击：在Console标签里输入document.querySelector('目标元素的选择器').click()，回车执行，就能触发点击动作让目标类显示出来
• 强制激活伪类状态：如果这个类是和:active、:focus这类伪类绑定的，右键元素面板里的目标元素，选择「Force State」并勾选对应的状态，就能看到对应样式并编辑

内容的提问来源于stack exchange，提问作者Abdel-Rahman