396 votes

Quelle est la différence entre : mise au point et : active ?

Quelle est la différence entre le et les Pseudo-classes ?

568voto

Andrew Moore Points 49765

:focus et :active sont deux états différents.

:focus représente l'état lorsque l'élément est l'élément actuellement sélectionné afin de recevoir des données à partir de périphériques d'entrée (clavier). :active représente l'état lorsque l'élément est actuellement activé par l'utilisateur.

Nous allons mettre cela en perspective, avec un exemple. Disons que nous avons un <button>. L' <button> n'auront pas d'état pour commencer. Il existe juste. Si nous utilisons l'Onglet de "focus" pour l' <button>, il entre maintenant dans sa :focus de l'état. Si vous cliquez ensuite sur (ou appuyez sur la touche espace), vous pouvez vous rendre sur le bouton enter (:active) de l'état.

Sur cette note, lorsque vous cliquez sur un élément, vous lui donnez l'accent, aussi, qui cultive l'illusion qu' :focus et :active sont les mêmes. Ils ne sont pas les mêmes. Lorsque cliqué sur le bouton en :focus:active de l'état.

Un exemple:

<style type="text/css">
  button { font-weight: normal; color: black; }
  button:focus { color: red; }
  button:active { font-weight: bold; }
</style>

<button>
  When clicked, my text turns red AND bold!<br />
  But not when focused, where my text just turns red
</button>

68voto

Rubens Farias Points 33357
<pre><code></code><p><a href="http://www.w3schools.com/CSS/css%5Fpseudo%5Fclasses.asp">Pseudo-classes CSS</a></p></pre>

14voto

Emily Points 6999
: mise au point est lorsqu’un élément est en mesure d’accepter l’entrée - le curseur dans une zone de saisie ou un lien qui a été tabulé.

est active quand un élément est activé par un utilisateur - le temps entre lorsqu’un utilisateur appuie sur un bouton de la souris, puis le libère.

1voto

Anggie Aziz Points 57

Active est quand l’utilisateur activer ce point (comme la souris en cliquant sur, si nous utilisons l’onglet de champs à ne rien aucun signe de style actif. Peut-être en cliquant sur faut plus de temps, juste essayer de tenir un clic sur ce point), mise au point est arrivé après le point est activé. Essayez ceci :

-3voto

Mise au point ne peut être donnée que par la saisie au clavier, mais un élément peut être activé par les deux, une souris ou un clavier.

Si on utilise : focus sur un lien, la règle de style ne s’appliquerait qu’avec la presse un botton sur le clavier.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X