Différences entre CSS3: hover et: focus?
Le CSS3 doc parle de: survol et: focus, qui me semblent exactement les mêmes Quelles sont les différences entre les deux? Qu'est-ce que je ne vois pas?
Merci!
Le survol est "vrai" lorsque le pointeur de la souris survole un élément. Le focus est vrai si le curseur est dans cet élément. Il est possible que le survol soit faux et que la focalisation soit vraie (par exemple, cliquez dans un champ de texte puis déplacez la souris)
:hover s'applique à tout élément sur lequel se trouve actuellement le curseur de la souris. :focus fait référence au focus de formulaire et correspond à l'élément de formulaire actuel ayant le focus. Grosso modo, si vous commencez à taper, quel élément allez-vous remplir?
La différence entre :hover et :focus est la suivante:
:hover lorsque le pointeur de la souris est sur l'élément.
:focus lorsque vous sélectionnez un élément, l'élément entre dans le focus.
Informations complémentaires: Pseudo-classes CSS chez W3Schools
Survolez, vous pouvez ajouter des pourcentages en pourcentage avec la synchronisation avec la nouvelle technologie CSS3. Attendez-vous à IE9, tous les principaux navigateurs les prendront en charge. Voici quelques exemples de deux menus de navigation permettant de comprendre le survol et l’animation lors du survol, ainsi que l’affaiblissement des couleurs dans l’attribut de survol CSS3.
le survol ne s'applique que lorsque le périphérique de pointage est au-dessus de l'élément. La doc le dit très clairement.
Hover concerne particulièrement Mouse Pointer:
Exemple lorsque le pointeur Mouser est terminé_/(sur le) _ Bouton, pour le survol du bouton est vrai.
La mise au point concerne l'élément surbrillance:
Habituellement, lorsque nous utilisons la touche de tabulation pour changer le focus d'un élément.
Vous devez appliquer la même mise en forme pour effectuer le focus et le survol, afin que les utilisateurs aient la même expérience d'interface utilisateur.