В чем разница между псевдоклассами :hover и :focus в веб-дизайне?

Разница между псевдоклассами :hover и :focus в веб-дизайне заключается в том, при каких действиях пользователя они срабатывают: htmlacademy.ru geeks-master.ru

• ::hover — срабатывает, когда пользователь наводит курсор на элемент. htmlacademy.ru geeks-master.ru Часто используется для создания эффекта взаимодействия с элементом, например, при наведении на ссылку меняется цвет текста. htmlacademy.ru geeks-master.ru
• ::focus — срабатывает при клике на элемент или переходе на него с клавиатуры при помощи клавиши tab. htmlacademy.ru geeks-master.ru Применяется ко всем интерактивным элементам — <button>, <a>, <input>, <select> и элементам с tabindex. htmlacademy.ru

Таким образом, hover отвечает за состояние элемента при наведении, а focus — при активизации элемента. otvet.mail.ru vk.com