Как использовать Firebug, чтобы легко найти, какой файл CSS определяет определенный стиль - PullRequest
Новая
       9

Как использовать Firebug, чтобы легко найти, какой файл CSS определяет определенный стиль

7 голосов
/ 22 сентября 2010

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

Например, в производственной среде я могу точно определить, что стиль с именем left-tab применяется к определенному элементуи это делает правильно.В среде разработки тот же стиль применяется в HTML, но не отображается так же, как в рабочей среде.

Каждая из производственных и сред разработки включает 9 файлов CSS.Я хочу легко найти, какой из них определяет стиль левой вкладки.Используя вкладку CSS, я могу открывать и даже (временно) редактировать каждый из них, но как мне выполнить поиск по ним?Ctrl-F ищет сам HTML-документ, в отличие от CSS, содержащегося на панели Firebug.

Ответы [ 2 ]

8 голосов
/ 22 сентября 2010

Активируйте вкладку стиля в правой панели «Стиль | Вычисленные | Макет | DOM». Для каждого правила CSS будет синяя ссылка "mystyles.css (строка 22). Вы можете быстро перейти к правилу, активировав Инспектор элементов (поле с мышью на левой руке, горячая клавиша - Ctrl + Shift + C . Выделение вашего элемента с помощью Element Inspector (вы также можете щелкнуть по нему) покажет вам все правила CSS, которые применяются (или были перезаписаны).

8 голосов
/ 22 сентября 2010

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

...