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

?

1. 打開開發(fā)者工具，選中一個(gè)元素，結(jié)果如下圖：

?

2. 在上圖中的 Filter 欄中點(diǎn)擊 :hov 按鈕，如下圖：

?

3. 點(diǎn)擊 :hov 按鈕后會(huì)顯示一系列狀態(tài)的復(fù)選框，我們要查看 hover 狀態(tài)下的樣式，那么就將 :hover 復(fù)選框選中即可， 如下圖：

?

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

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。