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

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

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

文章插图

需要这些哦
浏览器:谷歌
功能:开辟者东西
方式/
1打开谷歌浏览器 , 按键盘上的【F12】
chrome开发者工具怎么查看伪类元素样式

文章插图

1
2【chrome开发者工具怎么查看伪类元素样式】打开开辟者工帽颂五具后 , 点击【选择箭头】
chrome开发者工具怎么查看伪类元素样式

文章插图

3移动到您码闲想要查看的【元素上面】
chrome开发者工具怎么查看伪类元素样式

文章插图

4点击【:hov】并勾选上【伪国强类】
chrome开发者工具怎么查看伪类元素样式

文章插图

5勾选上后 , 在样式区域里就会显示伪类的样式了 。 如图所示:
chrome开发者工具怎么查看伪类元素样式

文章插图

注重事项tips:若是小编的文章帮到您了 , 请给小编点赞撑持一下吧!感谢!

以上内容就是chrome开发者工具怎么查看伪类元素样式的内容啦 , 希望对你有所帮助哦!

    推荐阅读