Как я могу увидеть стили, связанные с: hover и другими псевдо классами в firebug и хром-отладчиком

Я знаю, что должен быть способ сделать это, и я всегда работал над ним, но есть способ, которым я могу видеть (и/или редактировать) стили псевдокласса, применяемые к элементу?

Например, Im ищет редактирование .myclass:hover или #someid:active в отладчике.

пс. Im действительно больше заботится о том, как это сделать в хром-отладчике, хотя firebug приветствуется!

Ответы

Ответ 1

Осмотрите элемент, а затем:

Для Firebug:

Обратите внимание, что код наведения CSS будет исчезать, если вы снова пролетите над элементом (вы должны перепроверить : hover).

Для Chrome:

Вы можете видеть как правила psuedo-класса, так и их элементы.

Чтобы увидеть их в панели "Стили", нажмите маленькую кнопку с пунктиром в правом верхнем углу.

Чтобы заставить элемент войти в состояние :hover, щелкните его правой кнопкой мыши.

Ответ 2

В Chrome вы просто щелкаете правой кнопкой мыши (чтобы вы зависали), и нажмите "Осмотреть". Если окно Inspect находится в консоли, когда вы щелкните правой кнопкой мыши по нему, ваша мышь "упадет" на консоль, и вы все равно будете вибрировать div одновременно. Затем вы cqn видите псевдо-стиль: hover.

Это глупо, но это мое обходное решение.

Ответ 3

В Firebug вы можете выбрать элемент, используя: наведите указатель мыши на инструмент выбора стрелки синего цвета, и вы сможете увидеть его, пока вы нависаете над элементом. К сожалению, когда вы перемещаете мышь, она уходит, но вы можете увидеть, в какой строке она находится, и отредактировать CSS через вкладку css firebug после этого.