观看记录
  • 我的观影记录
登录
测试首页chrome开发者工具怎么查看伪类元素样式

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

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

工具/原料

  • 浏览器:谷歌
  • 功能:开辟者东西

方式/步骤

  1. 1

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

  2. 1
  3. 2

    打开开辟者工帽颂五具后,点击【选择箭头】

  4. 3

    移动到您码闲想要查看的【元素上面】

  5. 4

    点击【:hov】并勾选上【伪国强类】

  6. 5

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

注重事项

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

“chrome开发者工具怎么查看伪类元素样式”关联的文章

切换深色外观
留言
视频编辑修改
回到顶部
首页
手机数码
医疗健康
金融管理
社交情感
无名