使用Firebug修改伪元素的CSS样式

Question

是否可以使用Firebug操纵伪元素:before或:after的CSS？我知道这些是由浏览器内部处理的特定元素，但Firebug具有更低级别的访问权限（我想），因此也许它可以操纵这些元素。

- Robert Koritnik

---

据我所知，这是相应的Firebug票 http://code.google.com/p/fbug/issues/detail?id=537 - tordans

可能是在 Firebug 中查看 CSS 伪元素的重复问题。 - T.Todua

@tazotodua：这个具体问题比您提供的可能重复的问题要旧。因此，您的重复应该是相反的。 - Robert Koritnik

Answer 1

你可以在CSS选项卡中编辑样式表，并且：

• 添加伪元素的新规则
• 修改现有的伪元素规则

然而，我在计算样式面板中找不到任何伪元素样式。可能是因为这些样式不适用于元素本身，而是适用于其包含的伪元素。我也找不到使用Firebug检查伪元素的方法。

- BoltClock

---

我也研究过这个问题，但目前使用 firebug 不可能。 - Chris

Answer 2

Firefox引起此问题的bug现已解决，因此伪元素（如::before和::after）应该会显示在Firebug的“样式侧边栏”中。但并非所有情况下都有效，但它似乎在大多数情况下都有效。

您可以在此处阅读有关Firefox引起问题的bug的更多信息： https://bugzilla.mozilla.org/show_bug.cgi?id=557726

- mdahlstrand

Answer 3

您应该点击父标签，然后在右侧就可以看到它的:after/:before类：

- T.Todua