Расширение Firefox для отображения наследования от настроек браузера по умолчанию?

Question

Бывают моменты, когда вы смотрите на вычисляемый стиль в Firebug, не очевидно, как вычисляется значение или каково его происхождение. В некоторых ситуациях источником является браузер по умолчанию. На уже созданных веб-сайтах невозможно выполнить сброс CSS, что приведет к повреждению всех страниц.

Есть ли способ в Firebug, Web Developer или другом расширении отображать структуру наследования вплоть до настройки браузера по умолчанию, включая отображение значения по умолчанию?

Answer 1

Нажмите стрелку вниз на вкладке Стиль в правой панели Firebug. Снимите флажок «Показать вычисляемый стиль» и установите флажок «Показать CSS пользовательского агента».

Синее имя файла рядом с каждым селектором - это файл CSS, в котором определен селектор. CSS-файл Firefox по умолчанию называется html.css, а его местоположение (при наведении на него курсора) - это ресурс: //gre/res/html.css, поэтому вы знаете, что это браузер по умолчанию.

Answer 2

Отключить Показать вычисленный стиль.

Затем он разбивается по объявлениям и классам, а также по умолчанию в браузере. Это маленькая стрелка, когда вы наводите курсор мыши на стиль.

Также включите «Показывать пользовательский агент CSS».