在web開發中，瀏覽器開發者工具是我們常用的調試工具。我們經常會有這樣的需求，就是查看元素的時候需要查看它的hover樣式。相信有很多小伙伴都遇到過這樣的情形，始終選不中hover后的元素狀態。其實在開發者工具中是有地方可以設置的。方法如下：

?

1. 打開開發者工具，選中一個元素，結果如下圖：

?

2. 在上圖中的 Filter 欄中點擊 :hov 按鈕，如下圖：

?

3. 點擊 :hov 按鈕后會顯示一系列狀態的復選框，我們要查看 hover 狀態下的樣式，那么就將 :hover 復選框選中即可， 如下圖：

?

醬，我們想要查看的 hover 樣式出來了。其他狀態也是一樣的操作啦，勾選就行了 ~~~~

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的chrome 开发者工具，查看元素 hover 样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。