Discussion :

[okoweb]

Bonjour,

J'ai cet HTML :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

[mangasource]

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

[okoweb]

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

[FirePrawn]

Et tout simplement avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.parent a, #current

?

[mangasource]

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

[Torgar]

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.

[Candygirl]

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.

[okoweb]

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.