很多做网页开发的小伙伴 , 经常会使用到开发者工具来调试页面 , 下面小编就和大家说说如何使用开发者工具查看CSS伪类元素的样式!
文章插图
需要这些哦
浏览器:谷歌
功能:开辟者东西
方式/
1打开谷歌浏览器 , 按键盘上的【F12】
文章插图
1
2【chrome开发者工具怎么查看伪类元素样式】打开开辟者工帽颂五具后 , 点击【选择箭头】
文章插图
3移动到您码闲想要查看的【元素上面】
文章插图
4点击【:hov】并勾选上【伪国强类】
文章插图
5勾选上后 , 在样式区域里就会显示伪类的样式了 。 如图所示:
文章插图
注重事项tips:若是小编的文章帮到您了 , 请给小编点赞撑持一下吧!感谢!
以上内容就是chrome开发者工具怎么查看伪类元素样式的内容啦 , 希望对你有所帮助哦!
推荐阅读
- 如何升级python的包安装管理工具pip到最新版本
- Creo元件界面的标准检测
- PS如何调整快速工具栏顺序
- WIN7系统电脑自带的截图工具在哪里
- chrome浏览器书签栏怎么隐藏
- 怎么在小米游戏工具箱里添加应用
- qq浏览器如何选择下载工具
- PS的锐化工具怎么使用
- Creo元件界面的干涉检测
- Creo如何创建元件界面