Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

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

smittyswebworks
smittyswebworks
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.
Aangehegde skermkiekies

Gekose oplossing

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

Lees dié antwoord in konteks 👍 0

All Replies (3)

Shadow110
Shadow110
more options

Nothing for you as running a Beta

Do a install over top.

If you have a bug, file a bug report. https://bugzilla.mozilla.org/ Bug Writing Guidelines : https://developer.mozilla.org/en-US/docs/Mozilla/QA/Bug_writing_guidelines

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 25 Contributor
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

smittyswebworks
smittyswebworks Vraag-eienaar
more options

Gekose oplossing

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