В Firebug, как мне узнать все стили CSS, применяемые к определенному элементу? - PullRequest
4 голосов
/ 29 сентября 2008

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

Ответы [ 4 ]

13 голосов
/ 29 сентября 2008

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

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

2 голосов
/ 29 сентября 2008

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

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

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

2 голосов
/ 29 сентября 2008

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

1 голос
/ 29 сентября 2008

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

...