Как в firebug узнать все стили CSS, применяемые к определенному элементу?

Нажмите «Проверить» (вверху слева), чтобы выбрать элемент, который нужно проверить.

затем на правой панели выберите вкладку «Стиль». Он также сообщит вам, из какого файла .css взято конкретное свойство.

Щелкните элемент правой кнопкой мыши и выберите «Проверить элемент», после чего вы должны увидеть элемент и все правила CSS, которые на него повлияли. Вы можете изменить правила, просто щелкнув и отредактировав значения, чтобы попробовать различные способы решения проблем.

Используйте кнопку Inspect. Щелкните по интересующему вас элементу. С правой стороны Firebug показывает все стили элемента, а также файл + номер строки, из которой они произошли.

Найдите стиль, который вы пытаетесь применить, и посмотрите, есть ли в нем штрих. Если это так, то это отменяется чем-то более высоким в иерархии.

Теперь вам нужно решить, как вы хотите ее решить. Либо сделав запись css более конкретной для рассматриваемого элемента, либо изменив стили каким-либо другим способом.

на вкладке «CSS» нажмите «Проверить», а затем щелкните элемент. Все примененные стили (и их происхождение) появятся справа.