Firefox: как остановить и проверить новые стили, добавленные при наведении курсора на элемент?

Я использую Firefox для разработки.

Я хотел бы видеть, какие стили CSS добавляются к тегу A, когда я навожу на него указатель мыши. Как я могу сделать это в Firefox?

ОБНОВЛЕНИЕ

Я щелкнул правой кнопкой мыши по тегу и выбрал «Проверить элемент». Я вижу стили, добавленные в правую нижнюю панель. Однако, если я наведу указатель мыши на панель css для просмотра стилей, добавленные стили CSS исчезнут. Я понимаю, что мне может понадобиться что-то сломать, но я не могу заставить это работать.

Спасибо!


css firefox-developer-tools firefox hover
person curious1    schedule 12.09.2014    source источник

Ответы (3)


arrow_upward
6
arrow_downward

  1. Щелкните правой кнопкой мыши → Проверить элемент
  2. Выберите вкладку «Инспектор»
  3. Найдите элемент, который вы хотите проверить, внутри вашей разметки.
  4. Щелкните правой кнопкой мыши (на выбранном элементе) → Изменить псевдокласс → :hover
  5. Проверьте вкладку CSS Rules, чтобы увидеть, какие изменения произошли.

Это способ форсировать состояние :hover, когда ваша мышь не находится над элементом.

person tgogos    schedule 02.12.2014
comment
Наведение теперь находится в подменю, поэтому шаг 4: Щелкните правой кнопкой мыши (на выбранном элементе), Изменить псевдокласс › наведите указатель мыши. - person Mark Berry; 23.02.2021
comment
Спасибо @MarkBerry ???? - person tgogos; 23.02.2021

arrow_upward
0
arrow_downward

Щелкните правой кнопкой мыши - выберите "проверить элемент"

person JamesJosephFinn    schedule 12.09.2014
comment
Я делал это много раз. Мне нужно что-то сломать, но я просто не могу сделать это правильно. Спасибо, что отозвались! - person curious1; 12.09.2014

arrow_upward
0
arrow_downward

Как легко. Щелкните правой кнопкой мыши на своем элементе, затем выберите опцию «проверить элемент».

person hakiko    schedule 12.09.2014