Различия между CSS3: hover и: focus? - PullRequest
40 голосов
/ 26 мая 2011

CSS3 doc говорит о: hover и: focus, которые кажутся мне абсолютно одинаковыми.Каковы различия между этими двумя?Что я не вижу?

Спасибо!

Ответы [ 7 ]

54 голосов
/ 26 мая 2011

Hover равен 'true', когда указатель мыши находится над элементом. Фокус истинен, если курсор находится в этом элементе. Возможно наведение на «ложь» и нацеленность на истину (например, щелкните текстовое поле, а затем уберите мышь)

9 голосов
/ 26 мая 2011

:hover применяется к любому элементу, над которым в данный момент находится курсор мыши.:focus относится к фокусу формы и является текущим элементом формы с фокусом.Грубо говоря, если вы начнете печатать, какой элемент вы будете заполнять?

3 голосов
/ 29 июля 2016

Разница между :hover и :focus составляет:

:hover когда указатель мыши находится на элементе.

:focus когда вы выбираете элемент, элемент попадает в фокус.

Дополнительная информация: CSS псевдоклассы в W3Schools

1 голос
/ 10 ноября 2012

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

1 голос
/ 26 мая 2011

наведение применяется только тогда, когда указательное устройство находится над элементом. Документ проясняет это.

0 голосов
/ 29 января 2019

В частности, указатель Указатель мыши :

Пример, когда указатель Mouser над / (на кнопке) Кнопка , для этой кнопки при наведении курсора равно true .

Фокус на элементе выделении :

Обычно, когда мыиспользуйте клавишу Tab, чтобы изменить фокус элемента.

0 голосов
/ 29 апреля 2016

Вы должны применять одинаковое форматирование для фокусировки и наведения, чтобы пользователи имели одинаковый интерфейс.

...