Как мне проверить псевдоклассы CSS с помощью firebug?

Я борюсь с неохотным стилем a:hover css, который я не могу изменить.

Я попытался проверить элемент в Firebug, но не понимаю, почему он не работает. Я даже не понимаю, как правильно проверять событие a:hover css в Firebug.

Я видел:
Проверка наведения в Firebug http://blog.borngeek.com/2010/04/16/hover-inspection-in-firebug/
но я не понял, как воспроизвести шаги, упомянутые там.

Также: Псевдо-фантомы http://meyerweb.com/eric/gotits/2009/11/03/pseudo-phantoms/

Как мне проверить / отладить псевдоклассы CSS, такие как :hover, с помощью Firebug?


css hover pseudo-class firebug
person augustin    schedule 22.03.2011    source источник
comment
Для инструментов разработчика Firefox см. Этот ответ.   -  person Flimm    schedule 19.06.2015

Ответы (3)


arrow_upward
43
arrow_downward

Это довольно просто. Просто выберите элемент, который хотите проверить. Затем на панели справа щелкните пункт меню Style. Там вы можете выбрать псевдокласс :hover

ИЗМЕНИТЬ

Вот изображение: введите описание изображения здесь

person JohnP    schedule 22.03.2011
comment
Спасибо за скриншот. Я запускал firebug 1.4.5 и не видел его. Вместо этого я установил firebug 1.6.2, и все хорошо. Еще раз спасибо. - person augustin; 22.03.2011
comment
есть идеи, как заставить это работать для псевдоклассов: до и: после тоже? Спасибо - person frequent; 09.08.2011
comment
Я не думаю, что это можно сделать до и после. Я видел это только для этих двух вариантов. - person JohnP; 09.08.2011
comment
А что насчет: посетил? Я вижу только непосещенный CSS, хотя ссылка посещена, поэтому я хотел бы выбрать ее вручную. - person user764754; 06.01.2016
comment
@ user764754 Я больше не использую firebug. Но в инструменте разработчика Chrome есть :visited фильтр, который вы можете активировать. - person JohnP; 08.01.2016

arrow_upward
0
arrow_downward

Также есть опция INSPECT ELEMENT, просто щелкните правой кнопкой мыши на зависшем элементе в Firefox + Firebug, и все. Меню стилей тоже удобное.

person Jeeba    schedule 07.04.2011

arrow_upward
0
arrow_downward

Полезным методом при решении подобных проблем может быть сравнение состояния наведения и состояния без наведения. Откройте два экземпляра браузера (полезна установка с двумя или тремя экранами), загрузите страницу, над которой вы работаете, в каждом окне, затем сделайте то, что ДжонП говорит в своем ответе, чтобы просмотреть стили для состояния наведения в одном окне, не зависайте в другом и возьмите анализ оттуда. В Firebug неудобно сравнивать стили, когда раскрывающийся список стилей охватывает фактическую панель деталей css, и пока вы можете просматривать состояние css при наведении и отсутствии наведения в Firefug, перемещая указатель мыши над элементом, над которым вы работаете, выполняя сравнение таким способом сложнее.

person Chris Halcrow    schedule 17.09.2013