Aide sur un menu déroulant CSS

Hello!

J'ai trouvé un menu déroulant freeware CSS/Javascript sur le net et j'ai 2 - 3 petits problèmes de personnalisation avec les CSS...

Voici le code HTML:

Code:

---

1 2 3 4 5 6 7 8 9 10

<ul id="menu"> <li> <a href="#">menu</a> <ul> <li><a href="#">sous-menu1</a></li> <li><a href="#">sous-menu2</a></li> <li><a href="#">sous-menu3</a></li> </ul> </li> </ul>

---

Avec le fichier CSS je peux personnaliser l'apparence des menus. Le problème c'est que les menus et sous-menus sont de la même classe. J'aimerais pouvoir donner une apparence différente pour chaque étage (menus et sous-menus). Comment faire ca?

Et encore une question:
Dans ce fichier CSS, il y a des classes qui se "nomment" .menu li ul puis .menu li li ul et ensuite .menu li li etc. Quelqu'un peut m'expliquer pourquoi on a les puces qui sont représentées 3 fois différemment et qu'est-ce que ca signifie?

Un grand merci d'avance!

(PS: s'il y a besoin du fichier CSS je le poste sans problème)

Salut,
Avant tout, la classe ".menu" ne pourra pas fonctionner (du moins avec le code que tu nous donne) car tu as menu en id (id="menu"), ce qui sous-entend que tu peux y accéder en #menu.
De plus, en ce qui concerne ton problème de personnalisation, si tu mets :

Code:

---

#menu ul li

---

tu accèdes aux menus et sous-menus.
Le plus simple serait de mettre un id sur chaque "ul" de chaque sous-menu (smenu1 par exemple).
Sinon, pour éviter ce problème, il faudrait distinguer les menus des sous-menus (<p> et </p> pour les menus par exemple).
Voili voilou

Nickel avec la balise < p >!
J'avais aussi cherché une solution de remplacement des puces mais je n'avais pas pensé à celle-ci!
Merci beaucoup! A+