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?

5 réponses

  1. Contributeur
    Salut,

    Tu peux leur attribuer des id et des class

    Le mieux, serait de le faire en JavaScript.

    Cordialement
    1. 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 ?
      1. Contributeur
        Il 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
        1. Contributeur
          Derien,

          Bonne continuation pour ton site ;)

          Cordialement
          a70m