Как я могу наблюдать стиль элемента во время мыши?

Question

Мы поставляем содержимое микросайта клиенту. Они снабжают нас оболочкой HTML, и мы добавляем в нее наш контент. Я пытаюсь отладить проблему, когда наша таблица стилей, похоже, мешает стилю в их оболочке.

Обычно я использую firebug или панель инструментов разработчика IE, чтобы выбрать элемент, и я могу видеть, какие стили применяются, которые переопределяются и откуда они происходят. Но эта конкретная проблема существует только тогда, когда я наводил указатель мыши на ссылку. В частности, ссылка немного сжимается.

Есть ли что-нибудь, что я могу использовать, чтобы посмотреть, что делает браузер со стилями, когда я наводил указатель мыши на ссылку?

Answer 1

Щелкните правой кнопкой мыши на элементе. Выберите «проверять элемент». В окне firebug html нажмите на интересующий вас тег. Наведите указатель мыши на элемент на странице. Вы должны увидеть изменение стиля, например: a: hover