Иногда необходимо посмотреть как на сайте сделан hover эффект. Это бывает нужно, чтобы увидеть css правила, с помощью которых реализуется определенное поведение элемента при наведении на него стрелки мыши.
Но зачастую при просмотре инспектором браузера не удается увидеть эти свойства. Показываются только css правила не связанные с псевдоклассом hover. Сам долго времени тратил на нахождение, пока мне не подсказали, что во всех браузерах при просмотре кода инспектором есть специальная кнопка
Данный скриншот представлен для браузера Chrome. У Mozilla эта кнопка находится в другом месте:
Как видим, в данной закладке также можно просмотреть какие css правила прописаны для состояний active и focus.