Selecteur CSS X > Y

Bonjour,

J'ai cet HTML :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<ul> <li><a href="#">Home</a></li> <li class="parent"> <a href="#">About us</a> <ul> <li><a href="#">Issue</a></li> <li class="parent"><a id="current" href="#">Team</a></li> </ul> </li> <li><a href="#">Contact us</a></li> </ul>

---

Je souhaite styler .parent et je fais ceci :

Code:

---

li.parent > a, #current {color:#fff;}

---

Bizare les styles sur #current sont prises en compte et non sur li.parent > a

Je fauche où ?

Merci d'avance...

Ton code doit afficher About Us et Team en blanc seulement ?

Oui tous les a enfants directs de li.parent et #current.

:salut:

Et tout simplement avec :

Code:

---

.parent a, #current

---

?

Sur firefox, avec codepen, cela me donne ça :

http://codepen.io/mangasource/pen/yHtev

C'est bien ce que tu cherches à faire ?

Sinon, je pensais aussi à ce qu'a dit FirePrawn
EDIT : C'est ce que j'avais fait en fait xD

Si il s'agit bien d'enfants direct de la première liste alors ce n'est pas bon. Issue ne devrait pas être en blanc.

En revanche, ton premier code fonctionne : http://codepen.io/anon/pen/hcdep

J'ai bien About us et Team d'une couleur différente du reste.

Je comprends pas vraiment l'utilité de

Code:

---

li.parent > a, #current {color:#fff;}

---

vu que d'après ton HTML, l'élément #current est aussi un li.parent > a... :?

Peut être un soucis d'organisation. En fait je souhaite mettre en forme tous les li (.parent) parents de a possédant l'id current (<a id="current").

Comment ça ? :koi:

Tu veux sélectionner un ou plusieurs éléments (les li.parent) en fonction de leurs enfants ?

Si c'est ça, ne cherche pas plus loin, ce n'est pas (encore) possible en CSS.
D'autre part, n'oublie pas qu'un id doit être unique dans la page !

Citation:

---

Envoyé par Bovino

Comment ça ? :koi:

---

Si

Citation:

---

Envoyé par Bovino

Tu veux sélectionner un ou plusieurs éléments (les li.parent) en fonction de leurs enfants ?

---

PHP le fais à ma place et ajoute .parent au li parent de <a id="curent">

Citation:

---

Envoyé par Bovino

Si c'est ça, ne cherche pas plus loin, ce n'est pas (encore) possible en CSS.

---

C'est pour cette raison je souhaite juste en CSS, styler les li.parent > a.

Citation:

---

Envoyé par Bovino

D'autre part, n'oublie pas qu'un id doit être unique dans la page !

---

Pas de soucis.

Bonjour,

il faudrait voir les lignes de code AVANT celui que tu montres.

Une erreur sur une ligne peut annuler l'instruction suivante.

Citation:

---

Envoyé par okoweb

Bizare les styles sur #current sont prises en compte et non sur li.parent > a

---

Tu veux dire que seul "Team" est en blanc et pas "About us" comme prévu ?

Cela peut être un problème de spécificité de sélecteur. #current est plus spécifique que li.parent > a ce qui lui permet peut-être de prendre le dessus sur une autre instruction ciblant le même élément dans ton css contrairement à li.parent > a.

Inspecter ton élément qui pose problème devraient te donner la réponse si c'est bien le cas.

Sinon, tu dois être plus précis sur ce que tu veux faire exactement ou alors mieux décrire le problème rencontré parce que le code minimal que tu as fourni donne le résultat escompté en l'état.

bonjour,
mon code en l'état, fonctionne très bien. En fait, dans code initial j'ai juste prélevé là où je pensais posé un soucis.

Je déduits donc que le problème est ailleurs.

merci à vous tous.