检查CSS：在Web检查器中的元素之前

Question

有没有办法检查通过CSS添加的元素：在选择器之前，在Chrome或FF Web检查器中检查它们的计算样式（并动态操作它们）？

设置

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

所以它是没有任何HTML的真正的块元素，但在检查时他只选择相关的LI元素。 “强制元素状态”-option也不起作用，它只适用于交互状态，如：悬停但不是：之前

Answer 1

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

Answer 2

现在，Chrome Inspector中显示了伪元素（从Chrome 31开始）。查看Chrome内置检查器中的伪元素。您也可以按照预期编辑css属性。