Petite question en CSS

Résolu
Moroccan one Messages postés 73 Date d'inscription   Statut Membre Dernière intervention   -  
Moroccan one Messages postés 73 Date d'inscription   Statut Membre Dernière intervention   -
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

magicshark Messages postés 402 Date d'inscription   Statut Membre Dernière intervention   13
 
A>B : premier élément du type B trouver dans A
0
Moroccan one Messages postés 73 Date d'inscription   Statut Membre Dernière intervention   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 ?
0
magicshark Messages postés 402 Date d'inscription   Statut Membre Dernière intervention   13
 
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)
0
Moroccan one Messages postés 73 Date d'inscription   Statut Membre Dernière intervention   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>
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
magicshark Messages postés 402 Date d'inscription   Statut Membre Dernière intervention   13
 
ça sent le menu déroulant :D
plusieurs solutions il me semble

.ici{

}

li a.ici
{

}
0
Moroccan one Messages postés 73 Date d'inscription   Statut Membre Dernière intervention   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 :)
0
magicshark Messages postés 402 Date d'inscription   Statut Membre Dernière intervention   13
 
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
0
Moroccan one Messages postés 73 Date d'inscription   Statut Membre Dernière intervention   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 ?
0
magicshark Messages postés 402 Date d'inscription   Statut Membre Dernière intervention   13
 
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
0
Moroccan one Messages postés 73 Date d'inscription   Statut Membre Dernière intervention   1
 
Oui, je crois que t'as raison à propos de cela.
merci magicshark..
A bientôt :)
0