Petite question en CSS

Résolu/Fermé
Moroccan one Messages postés 73 Date d'inscription mardi 22 décembre 2009 Statut Membre Dernière intervention 28 février 2013 - 3 oct. 2012 à 20:05
Moroccan one Messages postés 73 Date d'inscription mardi 22 décembre 2009 Statut Membre Dernière intervention 28 février 2013 - 8 oct. 2012 à 23:22
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 399 Date d'inscription mardi 27 juillet 2010 Statut Membre Dernière intervention 6 mai 2014 13
3 oct. 2012 à 20:59
A>B : premier élément du type B trouver dans A
0
Moroccan one Messages postés 73 Date d'inscription mardi 22 décembre 2009 Statut Membre Dernière intervention 28 février 2013 1
3 oct. 2012 à 21:11
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 399 Date d'inscription mardi 27 juillet 2010 Statut Membre Dernière intervention 6 mai 2014 13
3 oct. 2012 à 21:19
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 mardi 22 décembre 2009 Statut Membre Dernière intervention 28 février 2013 1
3 oct. 2012 à 22:28
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 399 Date d'inscription mardi 27 juillet 2010 Statut Membre Dernière intervention 6 mai 2014 13
4 oct. 2012 à 11:01
ç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 mardi 22 décembre 2009 Statut Membre Dernière intervention 28 février 2013 1
Modifié par Moroccan one le 5/10/2012 à 00:28
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 399 Date d'inscription mardi 27 juillet 2010 Statut Membre Dernière intervention 6 mai 2014 13
6 oct. 2012 à 13:35
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 mardi 22 décembre 2009 Statut Membre Dernière intervention 28 février 2013 1
6 oct. 2012 à 19:55
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 399 Date d'inscription mardi 27 juillet 2010 Statut Membre Dernière intervention 6 mai 2014 13
7 oct. 2012 à 23:01
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 mardi 22 décembre 2009 Statut Membre Dernière intervention 28 février 2013 1
8 oct. 2012 à 23:22
Oui, je crois que t'as raison à propos de cela.
merci magicshark..
A bientôt :)
0