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

时间:2024-10-12 02:49:59

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

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

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

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

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

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

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

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

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

chrome开发者工具怎么查看伪类元素样式
© 手抄报圈