2 élements identiques dans le CSS
Résolu
Bonjour,
Je suis actuellement en train de réaliser mon premier site, et mon problème se trouve dans le menu que je veux réaliser, en effet, je veut faire ce menu sous forme d'une liste, et lorsqu'on clique sur un élément de la liste, une sous liste apparaitra. J'ai un problème très bête que je n'arrive pas à résoudre:
Si je fais une sous-liste à l'intérieur de la liste, comment différencier ces deux listes dans le CSS? puisque elles sont dans le même div nommé "menu", dans le CSS je ne peux avoir qu'un seul "#menu li" et "#menu ul" non?
Je suis actuellement en train de réaliser mon premier site, et mon problème se trouve dans le menu que je veux réaliser, en effet, je veut faire ce menu sous forme d'une liste, et lorsqu'on clique sur un élément de la liste, une sous liste apparaitra. J'ai un problème très bête que je n'arrive pas à résoudre:
Si je fais une sous-liste à l'intérieur de la liste, comment différencier ces deux listes dans le CSS? puisque elles sont dans le même div nommé "menu", dans le CSS je ne peux avoir qu'un seul "#menu li" et "#menu ul" non?
5 réponses
-
ContributeurSalut,
Tu peux leur attribuer des id et des class
Le mieux, serait de le faire en JavaScript.
Cordialement -
ContributeurIl me semble que l'id ne s'utilise pour un élément unique et le class pour un élément que l'ont utilisera plusieurs fois
Par Exemple :
<div class="sous-menu"> <div id="sous-menu1"> Contenu Sous menu1 </div> </div> <div class="sous-menu"> <div id="sous-menu2"> Contenu Sous menu2 </div> </div>
Cordialement -
Re,
Merci de ta réponse, le menu qui "s'ouvre" sera fait en Java, cependant quelle est la différence entre la classe et l'id ? -
D'accord merci à toi!
-
ContributeurDerien,
Bonne continuation pour ton site ;)
Cordialement
a70m