調試DOM元素hover,focus,actived的樣式--谷歌瀏覽器調試器

平時寫頁面代碼，給DOM添加一些css樣式時，咱們能夠用谷歌瀏覽器的開發者工具進行調試。以下圖這樣：

出現的效果是這樣的：

相應的按F12打開Chrome的開發者工具，能夠看到相應的樣式：

那麼關鍵的問題來了，我想看：hover樣式哪裏去了？接下來找到並點擊這個按鈕：

選中：hover，你就能看見你所寫的：hover樣式了：

相應的火狐瀏覽器能夠這樣打開：