{CSS} À propos de :hover

Fermé

playboy-1990 Messages postés 458 Date d'inscription samedi 27 mars 2010 Statut Membre Dernière intervention 10 septembre 2016 - 19 mai 2011 à 17:11
le hollandais volant Messages postés 4998 Date d'inscription samedi 8 mars 2008 Statut Membre Dernière intervention 23 décembre 2023 - 19 mai 2011 à 21:30

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

A voir également:

{CSS} À propos de :hover
Css download - Télécharger - HTML
Css retour à la ligne ✓ - Forum CSS
Background color css ✓ - Forum CSS
Saut de lignes sans <br/> ✓ - Forum Webmastering
Css premier plan ✓ - Forum CSS

6 réponses

Réponse 1 / 6

chrij Messages postés 115 Date d'inscription jeudi 10 juin 2010 Statut Membre Dernière intervention 20 mai 2011 49
19 mai 2011 à 17:26

quand tu cherches :hover sur google, le premier résultat te donne la réponse :

c'est valable pour tous les éléments.

le hollandais volant Messages postés 4998 Date d'inscription samedi 8 mars 2008 Statut Membre Dernière intervention 23 décembre 2023 1 057
19 mai 2011 à 21:30

+1.

Seul IE6 ne le prend pas en compte, mais on s'en fout de IE6.

Réponse 2 / 6

Zep3k!GnO Messages postés 2025 Date d'inscription jeudi 22 septembre 2005 Statut Membre Dernière intervention 18 novembre 2015 200
19 mai 2011 à 17:31

<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>

Réponse 3 / 6

arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
19 mai 2011 à 17:49

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.

Réponse 4 / 6

Zep3k!GnO Messages postés 2025 Date d'inscription jeudi 22 septembre 2005 Statut Membre Dernière intervention 18 novembre 2015 200
Modifié par Zep3k!GnO le 19/05/2011 à 17:57

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.

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

Posez votre question

Réponse 5 / 6

arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
19 mai 2011 à 18:03

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.

Réponse 6 / 6

playboy-1990 Messages postés 458 Date d'inscription samedi 27 mars 2010 Statut Membre Dernière intervention 10 septembre 2016 273
19 mai 2011 à 18:53

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.

Discussions similaires

trait horizontal avec du css

[CSS] Forcé retour à la ligne

indice et exposant en css ?

Enlever le soulignement sous les liens en HTML/CSS

HTML - définir taille bouton