快捷导航
蚂蚁部落 网站首页 实例代码 谷歌工具 查看内容

谷歌开发者工具查看hover、active和visited等样式

2018-4-11 15:17| 发布者: admin| 查看: 59| 评论: 0|来自: 蚂蚁部落

通过谷歌开发者工具可以查看作用于指定元素的样式。

图示如下:

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;}

然后选中要查看相关鼠标效果的样式即可。


鲜花

握手

雷人

路过

鸡蛋

最新评论

关于我们|手机版|小黑屋| ( 鲁ICP备10022556号-3 )

GMT+8, 2018-4-21 10:09 , Processed in 0.092740 second(s), 21 queries .

Powered by Discuz! X3.2 Licensed

Copyright © 2012-2017 Design: 蚂蚁部落

返回顶部