Petite question en CSS

Résolu
Bonjour,
J'ai une interrogation à propos de ces deux portions de code : (rôle de ">")

ul.art-vmenu > li {
/* Du code ici */
}

ul.art-vmenu li {
/* Du code ici */
}

Merci d'avance

10 réponses

  1. Merci pour ta réponse, càd on peut dire que ">" n'est dédié qu'aux premiers éléments trouvés dans leur éléments parents ?
    1. ouep exemple

      <ul>
      <li>TOTO</li>
      <li>TATA</li>
      <li>TONTON</li>
      </ul>
      
      css
      li{
      color:red;
      }
      
      ul > li
      {
      color:blue;
      }
      


      en premier lieu on dit tout les li doivent etre en rouge puis on dit que le premier est en bleu donc on a :
      +TOTO (bleu)
      +TATA (rouge)
      +TONTON (rouge)
      1. Bien saisi, pouvez-vous me dire comment spécifier le chemin de l'élément <a> ayant la classe "ici" dans cet exemple afin de lui donner un code CSS à part ?

        <ul class="parent">
        <li>
        <a class="active" href="#">ZZZZZ</a>
        <ul>
        <li>
        <a href="#">EEEEE</a>
        </li>
        <li>
        <a class="ici" href="#">RRRRR</a>
        </li>
        </ul>
        </li>
        </ul>
        1. ça sent le menu déroulant :D
          plusieurs solutions il me semble

          .ici{

          }

          li a.ici
          {

          }
          1. hhhhhh
            Je trouve vos solutions incompatibles avec cet exemple.. :p
            Par contre, j'ai testé cela et ça fonctionnait :
            ul.parent li ul li.ici {
            .......
            }

            Merci mon ami pour ta réaction :)
            1. bah c'est normal que ça fonctionne voit tes selecteur a l'envers du genre :
              ul.parent li ul li.ici
              devient met le style suivant à : li.ici contenu dans un ul lui même contenu dans un li lui même contenue dans le ul qui a la classe parent

              je crois que le sujet est resolue
              1. oui t'as raison, mais parfois, quand j'écris le nom d'une classe pour associer des propriétés aux éléments correspondants, il me suffisait juste d'écrire le nom de la classe seulement.. c'est quoi le problème à ton avis ?
                1. et bien l'acces a une classe sur une balise de type ul est un peu comme si tu voulais donner un style a un element abstrait le ul ne se voit pas vraiment c'est plutot les li je sais que c'est mal expliquer mais c'est que les style que tu veux appliquer tu veux les appliquer aux li et pas au ul
                  1. Oui, je crois que t'as raison à propos de cela.
                    merci magicshark..
                    A bientôt :)