html - 检查 CSS :before elements in the web inspector

Question

有没有办法在 Chrome 或 FF 网络检查器中检查通过 CSS :before 选择器添加的元素并检查它们的计算样式(并即时操作它们)？

设置是

li:before {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
}

所以它是没有任何 HTML 的真正 block 元素，但在检查时他只选择了相关的 LI 元素。 “强制元素状态”选项也不起作用，它仅适用于交互状态，如 :hover 但不适用于 :before

Answer 1

是的，有。检查元素本身(不是伪元素)，伪元素的样式应该显示在下方，在继承样式之前。