lorsque je place le curseur sur le lien, comment changer la couleur de la police du texte div? Est-ce impossible alors avec css? mon essai:css et fonction hover
<style type="text/css">
a:hover .text {
color:#FF00FF;
}
</style>
</head>
<body>
<a href = "">link</a>
<div class = "text">TEXT TEXT</div>
</body>
Le sélecteur a:hover .text signifie: sélectionner un élément avec l'élément « texte » de classe qui est a descendant d'un A qui a l'état de vol stationnaire, comme ceci:
<a href="">link <span class="text">TEXT TEXT</span></a>
Mais selon à votre balisage vous avez plutôt besoin du sélecteur a:hover + .text. Cela signifie: sélectionner un élément avec la classe "text" qui est immediately preceded par un élément A qui a l'état hover.
Qu'est-ce que vous avez besoin est connu comme le sélecteur « frère suivant », et est signifiée par le symbole plus, donc:
a:hover + .text { .... }
Cependant s'il vous plaît noter que le sélecteur + ne fonctionne pas dans Internet Explorer: Dans IE6, ça ne marche pas du tout. IE7 et IE8 le supportent, mais ont des bogues avec des pages dynamiques, donc vont probablement rompre avec votre exemple de survol. Ce sera bien dans tous les autres navigateurs, cependant.
Quirksmode a a very good table dont les navigateurs prennent en charge les fonctionnalités CSS.
S'il y a plus d'un div avec class=text et vous ne souhaitez modifier la première utilisation
a:link ~ .text { ... }
Votre définition CSS n'affectera un élément dans une balise avec une classe de « texte » plutôt que tout élément avec cette classe –