Как я могу увидеть стили, связанные с: 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 после этого.