[CSS 3] Action sur un id quand hover

Fermé
a70m Messages postés 2763 Date d'inscription jeudi 21 mai 2009 Statut Contributeur Dernière intervention 2 février 2014 - 11 avril 2012 à 20:40
 JimBlank - 12 avril 2012 à 00:08
Bonjour,

J'aimerai changer le style d'une div au hover d'une autre div qui ne sont pas mère-fille.

Je vous laisse mon bout de code ça sera plus simple :

<table id="menu">
<tr>
<td class="fleche"><div id="fleche1"></div></td><td id="item1">Item1</td>
<td class="fleche"><div id="fleche2"></div></td><td id="item2">Item2</td>
<td class="fleche"><div id="fleche3"></div></td><td id="item3">Item3</td>
<td class="fleche"><div id="fleche4"></div></td><td id="item4">Item4</td>
</tr>
</table>


Ce que je voudrais, c'est qu'au hover de #item1, #fleche1 change de background-color par exemple ...

Si #item1 était parent de #fleche1 ça le ferait, mais là ce n'est pas le cas et je ne sais pas comment faire ... Or je ne veux pas passer par du JS ...

Merci d'avance :)
a70m

1 réponse

Bonsoir, pas possible à ma connaissance sans js.

Ce que je voudrais, c'est qu'au hover de #item1, #fleche1 change de background-color par exemple ...
la pseudo classe :hover s'applique à la balise dont vous définissez les propriétés(comme pour tout les css). Donc si vous voulez cibler une autre div il faudras utiliser le DOM javascript, ou alors un autre langage de programmation. CSS c'est un style d'affichage pour une balise donnée, le hover permet de faire une interactivité mais assez limité. Ce n'est pas de l'événementiel puisque pas de la prog.
0