在 Firebug 中查看 CSS 伪元素

Posted 2023-03-06

【中文标题】在 Firebug 中查看 CSS 伪元素

【英文标题】：Seeing CSS pseudo-elements in Firebug

【发布时间】：2012-01-15 02:27:33

【问题描述】：

是否有任何解决方法可以，如 :after、:before 等（称为 CSS3 Generated and Replaced Content Module）？

现在，当我选择一个元素时，我只看到应用了静态 CSS。我没有看到使用 :after 和 :before 伪元素对其应用的样式。

【问题讨论】：

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

我也没有任何问题。在萤火虫中，我看到了元素，然后在下面我看到了 :before 和 :after psudo's。

一般单冒号 (:) 用于伪类，例如 :first-child 或 :hover，而对于伪元素，您应该使用双冒号 (::)，例如 ::before 和 : ：之后。

bugzilla.mozilla.org/show_bug.cgi?id=185431

【参考方案1】：

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

【参考方案2】：

您可以使用 webkit 的 (chrome) 开发工具查看和修改伪元素的样式，虽然您无法通过 html 检查它们，但您可以选择生成伪元素的受影响元素，您将看到相关的 CSS。