如何在 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中文網其他相關文章！