搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信,及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

详细了解

::before and ::after css rules not showing in css inspector in developer edition

more options

when inspecting a webpage with devtools in the developer edition of FIrefox, the pseudo elements ::before and ::after show up OK in the HTML inspector, but when selected in the HTML inspector, the CSS rules for the pseudo elements do now show up in the CSS styles inspector. See attached screen shot.

Pseudo elements display just fine in google developer tools during inspetion.

when inspecting a webpage with devtools in the developer edition of FIrefox, the pseudo elements ::before and ::after show up OK in the HTML inspector, but when selected in the HTML inspector, the CSS rules for the pseudo elements do now show up in the CSS styles inspector. See attached screen shot. Pseudo elements display just fine in google developer tools during inspetion.
已附加屏幕截图

被采纳的解决方案

Tuns out to be a bug when you have display:table in the ::before or ::after. See bug https://bugzilla.mozilla.org/show_bug.cgi?id=1481192

定位到答案原位置 👍 0

所有回复 (3)

more options
more options

It still works in Firefox 61 (checking in this page, within #main-breadcrumbs), so perhaps it is regression in Developer Edition.

Could you try the DevTools forum to see whether this is a known issue?

https://discourse.mozilla.org/c/devtools

more options

选择的解决方案

Tuns out to be a bug when you have display:table in the ::before or ::after. See bug https://bugzilla.mozilla.org/show_bug.cgi?id=1481192