谷歌開發者工具檢視hover、active和visited等樣式

admin發表於2018-04-11
谷歌

通過谷歌開發者工具可以檢視作用於指定元素的樣式。

圖示如下：

a:3:{s:3:\"pic\";s:43:\"portal/201804/11/152550ud11tvky3idr4ei0.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

上面可以檢視連結A元素的相關樣式，但是並沒有顯示滑鼠懸浮的樣式。

檢視方式如下：

a:3:{s:3:\"pic\";s:43:\"portal/201804/11/152646p1bw01o0vvtilbyz.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

點選紅框處的，彈出如下介面：

a:3:{s:3:\"pic\";s:43:\"portal/201804/11/152716dcvcsdvy2wl848sa.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

然後選中要檢視相關滑鼠效果的樣式即可。

相關文章