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.

詳しく学ぶ

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

how to use Firefox inspector

  • 5 件の返信
  • 1 人がこの問題に困っています
  • 3 回表示
  • 最後の返信者: malcolmi

more options

I am using Firefox inspector to debug my style sheets. I have the Rules tab open in right sidebar. If I highlight a line of html then sidebar shows all style rules that apply to the highlighted element. Some of the style sheets I recognise as mine but also there is an entry tagged

(user agent) html.css

with a rule I don't recognise (and is messing up my page layout by adding a left margin). The page layout displays incorrectly not only in Firefox but also in another browser (Safari). Where might this extra rule come from and how can I eliminate it?

Help would be much appreciated, thanks.

- Malcolm

I am using Firefox inspector to debug my style sheets. I have the Rules tab open in right sidebar. If I highlight a line of html then sidebar shows all style rules that apply to the highlighted element. Some of the style sheets I recognise as mine but also there is an entry tagged (user agent) html.css with a rule I don't recognise (and is messing up my page layout by adding a left margin). The page layout displays incorrectly not only in Firefox but also in another browser (Safari). Where might this extra rule come from and how can I eliminate it? Help would be much appreciated, thanks. - Malcolm

選ばれた解決策

html.css is one of the default style sheets that are added via the DOCTYPE setting.

  • resource://gre-resources/html.css
この回答をすべて読む 👍 1

すべての返信 (5)

more options

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:61.0) Gecko/20100101 Firefox/61.0

The above is your user agent information since did not share is all the info.

Do you have a local file of that name html.css  ? Have you searched ? Did something get enabled in settings ?

more options

選ばれた解決策

html.css is one of the default style sheets that are added via the DOCTYPE setting.

  • resource://gre-resources/html.css
more options

Thanks to Pkshadow and cor-el for their comments.

No I don't have a local html.css file and my settings are not the problem. The element that was giving trouble was <figure> and last night I woke up realising that my problem was that I didn't have a <figure> entry in my reset.css file, setting all margins to zero.

cor-el's information is interesting. I was not aware of this resource and it does indeed contain the style rule that was corrupting my layout. So this file contains a browser's default style information?

more options

Yes, some user agent sheets are loaded by default and some are loaded in special cases.

See also:

more options

Hi cor-el, thank you for this useful information on a topic I knew nothing about before. - Malcolm