{CSS} À propos de :hover

playboy-1990 Messages postés 593 Statut Membre -  
le hollandais volant Messages postés 5294 Statut Membre -
Bonjour,
Je voudrais savoir si la propriété hover est uniquement valable pour les balises a ou bien il est possible de faire quelque chose comme ça
<html>
<head>
<style type="text/css">
.test {
color:#CCC;
}
.test:hover {
color:#FFF;
}
</style>
</head>
<body>
<h1 class="test">Un petit test</h1>
</body>
</html>


Merci d'avance

6 réponses

chrij Messages postés 124 Statut Membre 49
 
quand tu cherches :hover sur google, le premier résultat te donne la réponse :

c'est valable pour tous les éléments.
2
le hollandais volant Messages postés 5294 Statut Membre 1 057
 
+1.

Seul IE6 ne le prend pas en compte, mais on s'en fout de IE6.
0
Zep3k!GnO Messages postés 2049 Statut Membre 200
 
<html>
<head>
<style type="text/css">
h1.test {
color:#CCC;
}
h1.test:hover {
color:#FFF;
}
</style>
</head>
<body>
<h1 class="test">Un petit test</h1>
</body>
</html>
0
arthezius Messages postés 3756 Statut Membre 475
 
Zep3k!GnO: ce que tu modifie dans le code que tu donnes ne change pas grand chose. Ça marche dans les deux cas en fait.

playboy-1990: as-tu essayer ton code avant de nous demander s'il est censé être correct ou non? Des fois, la meilleure façon d'avoir une réponse est d'essayer.
0
Zep3k!GnO Messages postés 2049 Statut Membre 200
 
arthezius : Moi j'ai pris le code de playboy-1990, j'l'ai save dans mon éditeur de texte, ouvert avec Firefox 4.0.1 et ça marchait pas. Avec ma modif ça fonctionne (testé). Je sens que tu as simplement essayé sous Chrome et c'est tout. non ?

Par contre ça passes pas sous IE.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
arthezius Messages postés 3756 Statut Membre 475
 
En principe en CSS, le nom de la balise n'est pas obligé d'être spécifié pour l'utilisation des classes.
La preuve, le texte est bien gris avec son code.
J'ai fait le test et effectivement, le hover ne fonctionne pas.
Personnellement, je les mets tout le temps.
Ton code fonctionne parfaitement toutefois sauf avec IE, ce qui est tout à fait normal vu qu'il ne respecte pas les standards.
0
playboy-1990 Messages postés 593 Statut Membre 273
 
Merci pour vos réponse.
Voilà j'ai testé dans chrome et firefox et cela fonctionne.
Sous IE il ne prend pas en compte l'attribut hover en dehors de la balise a mais comme arthezius le dit il ne respecte pas les standards.
Peut-être que maintenant sous IE 9 il fonctionne mais je ne l'ai pas.
0