{CSS} À propos de :hover

playboy-1990 Messages postés 458 Date d'inscription   Statut Membre Dernière intervention   -  
le hollandais volant Messages postés 4998 Date d'inscription   Statut Membre Dernière intervention   -
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 115 Date d'inscription   Statut Membre Dernière intervention   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 4998 Date d'inscription   Statut Membre Dernière intervention   1 057
 
+1.

Seul IE6 ne le prend pas en compte, mais on s'en fout de IE6.
0
Zep3k!GnO Messages postés 2025 Date d'inscription   Statut Membre Dernière intervention   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 3538 Date d'inscription   Statut Membre Dernière intervention   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 2025 Date d'inscription   Statut Membre Dernière intervention   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 3538 Date d'inscription   Statut Membre Dernière intervention   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 458 Date d'inscription   Statut Membre Dernière intervention   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