在Firebug中查看CSS伪元素

Question

有没有办法在 Firebug 中查看 CSS 伪元素，例如 :after、:before 等（这些被称为 CSS3 生成和替换内容模块）的解决方法？目前，当我选择一个元素时，只能看到应用于它的静态 CSS。我无法看到使用 :after 和 :before 伪元素应用的样式。

- Saeed Neamati

---

奇怪，我没有任何问题看到那些元素... - ptriek

我也没有任何问题。在Firebug中，我看到了该元素，然后在其下面我看到了:before和:after伪类。 - Dan

通常单冒号（:）用于伪类，如:first-child或:hover，而对于伪元素，您应该使用双冒号（::），如::before和::after。 - Peled Roy

https://bugzilla.mozilla.org/show_bug.cgi?id=185431 - Stickers

Answer 1

点击父级TAGNAME直接查看其::after::before类：

- T.Todua

Answer 2

你可以使用 Webkit（Chrome）开发者工具来查看和修改伪元素的样式，虽然你无法通过 HTML 检查它们，但是你可以选择生成伪元素的受影响元素，然后你将看到相关的 CSS。

- Peled Roy