有没有办法使用鼠标在Chrome Developer Tools中显示伪元素?

时间:2013-09-12 21:25:47

标签: html css web development-environment google-chrome-devtools

我正在试图弄清楚元素位置的计算位置,例如将鼠标悬停在代码窗口中的元素代码行上,以便显示边距,填充等。有没有办法为伪元素执行此操作?

编辑:我应该说的是,我希望看到伪元素的指标,属性等窗口:before和:after。我真正想要的是在屏幕上看到他们的位置。

2 个答案:

答案 0 :(得分:2)

支持前/后元素即将推出!你应该在接下来的一个月左右拿到金丝雀!

答案 1 :(得分:1)

是的,有一种方法可以使用chrome devtools强制元素状态;如果你在右侧看,你应该会在“样式”标签上看到一个看起来像光标的图标,后面有一个破损的框。

当您点击它时,它会有一个下拉菜单,允许您切换所选代码的悬停,活动,焦点和访问过的伪类。