Mozilla サポートの検索

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.

詳しく学ぶ

このスレッドはアーカイブに保管されました。 必要であれば新たに質問してください。

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

  • 3 件の返信
  • 1 人がこの問題に困っています
  • 1 回表示
  • 最後の返信者: 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.
添付されたスクリーンショット

選ばれた解決策

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