[RÉSOLU] Appliquer un comportement à un élément parent

Bonjour,

j'aimerai changer le fond d'une div lors du passage de la souris sur un lien compris dans cette div. Pour l'instant j'arrive à changer le fond du lien,

a:hover

le fond de la div
div:hover

mais pas le fond de la div lorsque l'on passe sur le lien !

J'avais pensé à ça :

<style>
#test {background-color:red;height:200px;width:200px;}
#test a:hover #test{background-color:black;}
</style>

<div id="test">
<a href="#">BIBI</a></div>

Sans résultat... alors est-ce seulement possible en CSS ?

Merci !
Modifié par JimmyWJimmy (09 Mar 2011 - 16:29)

Non c'est totalement impossible en CSS, les sélecteurs CSS (contrairement à d'autres DSL plus puissants comme xPath) sont limités aux descendants et adjacents.
Il est donc impossible de remonter dans l'arborescence, tu ne peux que descendre ou traverser latéralement.

@Tony : Merci mais non

@Ywg : C'est bien ce que je me disais j'avais surtout besoin d'une confirmation. Remarque : c'est bien dommage ça permettrait des comportements vraiment intéressants notamment l'apparition d'éléments au survol de la souris.

Merci à tous les deux

Bonjour,

J'avais proposé une solution avec un display:block au hover sur le lien, mais c'était très loin d'être une bonne solution. J'ai donc retiré mon message.

Le mieux me semble de se pencher vers le Javascript qui peut réaliser ce type d'effet très facilement et plus efficacement que n'importe quelle bidouille CSS.

Note avant de passer en résolu :

Je cherchais à faire un scrolling sur lien avec trois fonds différents dans le sprite.

Bonjour,

DSL : https://secure.wikimedia.org/wikipedia/en/wiki/Domain-specific_language tu m'auras appris un terme de jargon

Yep, un sélecteur CSS ne peut pas savoir ce qui va venir après dans le code HTML.
L'élément/classe/id/pseudo-truc/attribut écrit le plus à droite peut utiliser les frères qui le précèdent, ses ascendants et c'est tout.

JimmyWJimmy a écrit :
des comportements (...) notamment l'apparition d'éléments au survol de la souris.

Que des mots-clés pour Javascript

Note : le survol de la souris c'est une chose, penser systématiquement à la prise de focus au clavier c'est (beaucoup) mieux. Mais c'était peut-être un raccourci d'écriture.