Как отредактировать селекторы CSS, чтобы протестировать что-то в Firebug? - PullRequest
Новая
       13

Как отредактировать селекторы CSS, чтобы протестировать что-то в Firebug?

2 голосов
/ 16 июня 2010

Как редактировать селекторы для проверки чего-либо в Firebug?

альтернативный текст http://shup.com/Shup/365060/1105167712-My-Desktop.png

например, если я хочу проверить

это 

#Homepage #thirdCol a

как 

#Homepage #thirdCol > a

как это проверить в firebug

Ответы [ 4 ]

3 голосов
/ 16 июня 2010

В Firebug выберите вкладку CSS .

Теперь на дочерней панели отображаются кнопка паузы, элемент управления «Редактировать» и «первый» файл CSS рядом со стрелкой вниз.

Нажмите на эту стрелку вниз, чтобы выбрать соответствующий файл CSS - который вы можете определить в представлении HTML / CSS.

Затем нажмите «Изменить», и вы можете добавлять, изменять, удалять или комментировать селекторы CSS столько раз, сколько необходимо.

ETA: См. Также ответ seanizer. Панель Firebug HTML + Style имеет прямые ссылки на редактируемый источник отображаемых им правил стиля.

1 голос
/ 16 июня 2010
  1. Щелкните правой кнопкой мыши элемент, у которого есть селектор, который вы хотите изменить
  2. Выберите «Проверить элемент» из меню
  3. На вкладке «Стили» найдите селектор, который вы хотите изменить, и нажмите на ссылку рядом с ним
  4. откроется таблица стилей, щелкните метку селектора и отредактируйте ее. изменения вступают в силу немедленно
0 голосов
/ 30 июня 2010
  1. Щелкните один раз правой кнопкой мыши по тексту «#Homepage #thirdCol a», который находится на снимке экрана
  2. Выберите «Проверить на вкладке CSS» в контекстном меню.
  3. Влевонажмите один раз на «#Homepage #thirdCol a» (после открытия вкладки css)

, теперь вы сможете редактировать селектор.

0 голосов
/ 16 июня 2010

Отредактируйте HTML (используя FireBug) и добавьте новый элемент стиля. 

<style type="text/css">
#Homepage #thirdCol > a {
...
}
</style>
...