Discussion :

[JefReb]

Bonjour,
Une question peut être stupide, mais je n'arrive pas à trouver.
Quelle est la différence entre coder une classe par exemple:

Code :

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

1
2
.exemple       { ...}
.exemple.ul li  { ...}

et

Code :

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

ul.exemple li  { ...}

Il y a une différence, puisque je rencontre parfois quelques problèmes.
Mais c'est peut être une question stupide ...
Merci à vous
Jef

[Procyon]

Bonjour,

Dans le premier, toutes les balises de la classe 'exemple' sont affectées alors que dans le second, seules les balises <ul> de classe 'exemple' sont affectées. Etait-ce bien cela ta question ?

Cordialement,

Jean-Pierre

[Bovino]

.exemple => cible les éléments ayant la classe "exemple".
.exemple.ul li => cible toutes les balises <li> filles d'un élément ayant à la fois la classe "exemple" et "ul".
ul.exemple li => cible toutes les balises <li> filles de balises <ul> ayant la classe "exemple".

[rodolphebrd]

Voici un petit exemple pour illustrer les explications de @bovino: codepen

Note: nommer une classe ul n'est pas idéal...

[JefReb]

Merci réponses très claires