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

Question

Я похоронен на многих вложенных уровнях CSS, и я не могу сказать, какой уровень / уровень стилей портит мой дисплей. Как я могу узнать все, что применяется к определенному элементу?

Answer 1

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

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

Answer 2

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

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

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

Answer 3

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

Answer 4

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