如何在 Chrome DevTools 中检查 :hover 状态？

在 Chrome 开发者工具中检查 :hover 状态

在 Chrome 开发者工具中，您可能会遇到困难，无法找到用于查看 :hover 样式比较的选项Firebug 直观的样式下拉菜单。不过，Chrome 提供了类似的功能。

查看伪类规则

要在“样式”窗格中检查 :hover 等伪类规则，请按照以下步骤操作：

1. 单击右上角显示的小“:hov”文本

强制元素状态

Chrome 还允许您强制元素进入特定状态：

1. 右-单击要检查的元素。
2. 从上下文中选择“:hover”菜单。

其他提示

有关使用 Chrome 开发者工具的更多指导，请考虑以下资源：

• [检查 Chrome 中的元素面板DevTools](https://developers.google.com/web/tools/chrome-devtools/inspect-elements)
• [Chrome DevTools 中的键盘快捷键](https://developers.google.com/web /tools/chrome-devtools/shortcuts)

以上是如何在 Chrome DevTools 中检查 :hover 状态？的详细内容。更多信息请关注PHP中文网其他相关文章！