Contourner onMouseOut et onMouseMove avec CSS

Bonjour tous le monde;
voila comme indiqué dans le titre du message je voudrais savoir es qu'il y a un moyen de contourner les deux attributs javascript (onMouseMove et onMouseOut) avec CSS.
je m'explique :
j'ai une liste (ul), où les éléments de cette liste (li) on un style précis (disant style1), je veux lorsque la souris survole un des ces éléments le style de cet élément change (syle2) et évidement il reviens à style1 lorsque la souris n'est plus dessus. Pour l'instant j'utilise javascript (onMouseMove et onMouseOut) et ma question es qu'il y a un moyen de faire cela rien qu'avec CSS.
voila MERTHI pour vos réponses.;)

Avec la pseudo classe :hover, (mais ne fonctionne pas avec IE qui n'accepte :hover que pour les liens)

Citation:

---

Envoyé par Bovino

(mais ne fonctionne pas avec IE qui n'accepte :hover que pour les liens)

---

Ce qui fais que si je veux faire fonctionner ma page dans les tous les browser, y a pas un autre moyen que javascript??

Bonjour,

Citation:

---

Envoyé par islyoung2

je veux lorsque la souris survole un des ces éléments le style de cet élément change (syle2) et évidement il reviens à style1

---

Tu peux mettre une balise a entre tes <li></li>
Par exemple :

Code:

---

1 2	<li> <a class="style">bla</a> </li>

---

Code:

---

1 2 3

.style { ici les propriétés style1 } .style:hover { ici les propriétés style2 au moment du survol }

---

Code:

---

<li> <a class="style">bla</a> </li>

---

:nono:
Attention, pour IE, il doit y avoir un lien href pour que le :hover fonctionne !

Citation:

---

Envoyé par Bovino

Code:

---

<li> <a class="style">bla</a> </li>

---

:nono:
Attention, pour IE, il doit y avoir un lien href pour que le :hover fonctionne !

---

Oui tout a fait :oops:
Dans ce cas là

Code:

---

<li> <a href="#" class="style">bla</a> </li>

---

Fera l'affaire ...