chrome开发者工具怎么查看伪类元素样式

 时间:2024-10-13 03:21:38

很多做网页开发的小伙伴,经常会使用到开发者工具来调碍测行臬试页面,下面小编就和大家说说如何使用开发者工具查看CSS伪类元素的样式!

chrome开发者工具怎么查看伪类元素样式

工具/原料

浏览器:谷歌

功能:开发者工具

方法/步骤

1、打开谷歌浏览器,按键盘上的【F12】

chrome开发者工具怎么查看伪类元素样式

2、打开开发者工具后,点击【选择箭头】

chrome开发者工具怎么查看伪类元素样式

3、移动到您想要查看的【元素上面】

chrome开发者工具怎么查看伪类元素样式

4、点击【:hov】并勾选上【伪类】

chrome开发者工具怎么查看伪类元素样式

5、勾选上后,在样式区域里就会显示伪类的样式了。如图所示:

chrome开发者工具怎么查看伪类元素样式

myeclipse如何使用debug调试 myeclipse如何配置weblogic服务器 windows10系统如何查看安全标识符SID Eclipse:Unable to compile class for JSP: eclipse栈溢出怎么解决
热门搜索
油松节图片 动漫美女性感 h动漫排行榜 幼儿园礼仪图片 冰雪女王图片