Sortie souris CSS et HTML?

Question

ive été googling mais ne peut pas sembler trouver une méthode de souris, semblable à hover, pour css.

Y en a-t-il un et si oui, comment devrait-il être codé?

Answer 1

Il n'y a pas d'événement de sortie de souris dans CSS. You need javascript in order to do that.

Answer 2

Vous recherchez le :hover pseudoclass.

a:hover {background: red;} 

mettra en surbrillance tout lien que vous survolez.

Answer 3

Vous ne pouvez avoir que les 'événements' CSS suivants, autant que je sache.

un (par défaut), a: hover, a: active, a: visited

Answer 4

Il y a la pseudo-classe :hover:

element:hover { color: red } 

il n'y a aucun événement ou sélecteur lorsque le statut :hover se termine, si c'est ce que vous cherchez.

Vous devrez vous tourner vers Javascript et l'événement onmouseout pour cela.

Answer 5

Vous avez seulement besoin du :hover pseudo-class for this, lorsque vous passez la souris sur l'élément, il va revenir à sa valeur par défaut non état :hover, comme ceci:

.class { color: black; } 
.class:hover { color: red; } 

lorsque vous passez la souris, la couleur sera rouge et Lorsque vous "quittez la souris", la couleur redevient noire car elle ne correspond plus au sélecteur :hover. C'est le comportement par défaut pour tous les navigateurs, rien de spécial à faire ici.

Si vous voulez faire quelque chose de programmatique, vous cherchez le mouseout JavaScript event.

Answer 6

AFAIK Il n'y a pas de souris sur l'événement, mais

si vous voulez pour le lien que vous visitez plus tôt vous pouvez utiliser

a:visited{ 

} 

Answer 7

Il n'y a pas un sélecteur de type mouseout pour CSS. Mais le style normal d'un élément est son état "mouseout"! Qu'est-ce que vous essayez exactement de faire que CSS normal et le sélecteur :hover ne couvrent pas?

Les chances sont, vous pouvez le faire avec JavaScript. Voir here ou here.