【发布时间】：2013-09-17 10:46:57
【问题描述】：
我试图找出计算元素位置的位置，例如将鼠标悬停在代码窗口中元素的代码行上，以便显示边距、填充等。有没有办法为伪元素做到这一点？
编辑：我应该说的是，我想查看伪元素 :before 和 :after 的指标、属性等窗口。我真正想要的只是在屏幕上看到他们的位置。
【问题讨论】：
标签： html css web development-environment google-chrome-devtools
【发布时间】：2013-09-17 10:46:57
【问题描述】：
对之前/之后元素的支持即将推出！你应该在下个月左右的 Canary 上拥有它！
【讨论】：
-
This 就是我说的，如果有人感兴趣的话
是的，有一种方法可以使用 chrome devtools 强制元素状态；如果您查看右侧，您应该会在“样式”选项卡上看到一个看起来像光标的图标，后面有一个破框。
当你点击它时，它会有一个下拉菜单，让你可以切换所选代码的悬停、活动、焦点和访问的伪类。
【讨论】：
-
或者：在您的 chrome devtools 中检查元素后，您可以右键单击并选择“强制元素状态”。但访问相同的状态列表。
-
查看编辑：我说的是伪元素，而不是状态或类