Каждое из состояний имеет свое название и применение. Они позволяют пользователю понимать, что происходит в интерфейсе и что произойдет после нажатия на кнопку. Default (обычное состояние) Это состояние кнопки по умолчанию. То есть, с ней ничего ещё не произошло. Кнопка имеет стандартный вид и цвет. Hover (состояние при наведении) Используется при наведении курсора мыши на кнопку. Она может изменить цвет, можно добавить анимацию. Так пользователь будет понимать что кнопка активна и после нажатия что-то произойдёт...

Источник: Nuances of Programming Проблемы с псевдоклассом :hover начались еще с тех пор, как на сенсорных устройствах был установлен первый браузер. Конечно, проблемы пытались решить и решали, но полноценным решением это вряд ли можно было назвать. Однако с новыми медиазапросами (Media Queries) 4 уровня проблема, кажется, решена окончательно. “Хм … а в чем, собственно говоря, заключается проблема?” Допустим, вы просто добавили псевдокласс :hover к элементу вашей веб-страницы. Следовательно, когда...