Petites interrogations

Bonsoir,

Pourquoi trouve-t-on des id ou des classes de ce style:

#left ul li

#left li ne suffirait-il pas? ou bien #left ul ?

Il y a sûrement une bonne raison mais li n'hérite-t-il pas obligatoirement de ul, les li composant les ul?

Autre chose, je ne comprends pas:

.wp-caption p.wp-caption-text {
   font-size: 11px......}

et la syntaxe suivante:

#left .textwidget{margin:0; padding: 12px 6px 12px 0; color:#333;}

signifie-t-elle que l'on applique une classe à une id et uniquement à cette id

j'avoue que j'aimerais trouver une page qui explique toutes ces finesses

Salut,

Pour ta première interrogation :
Il ne s'agit que d'une formulation, il y a toujours des moyens plus courts de définir un sélecteur en CSS, mais plus il est précis, plus il a de chance d'avoir la priorité sur une sélection moins forte.
Il faudrait voir le reste, mais ce n'est pas forcément utile dans ce cas précis.
Par contre, cela peut être utile pour le développeur pour se repérer dans sa CSS plus rapidement.
Je le fais souvent lorsque j'ai un sous menu, avec ul (li) pour styliser les listes de manière générale et ul li ul (li) pour styliser les sous listes plus spécifiquement.

Pour ta deuxième interrogation :

.wp-caption p.wp-caption-text {...}

La lecture des sélecteurs se fait par chaines de caractère de droite à gauche et non l'inverse, et les espace servent à remonter dans la hiérarchie. La lecture de ce bout de code signifie de "sélectionner tout paragraphe portant la classe wp-caption-text qui serait contenu dans tout élément de classe wp-caption"

Pour ta troisième interrogation :

#left .textwidget

Il ne s'agit pas d'appliquer une classe à une id, mais bel et bien (comme l'interrogation précédente), de sélectionner tout élément de classe textwidget contenu dans l'élément portant l'identifiant left, quel qu'il soit.

Un peu de lecture sur les sélecteurs, qui t'en apprendras peut être un peu plus :
- http://www.yoyodesign.org/doc/w3c/css2/selector.html#x1
- http://www.floatthatbox.com/articles/selecteurs-css-21-partie-1.php (attention une partie 2 et une partie 3 sont accessible en bas de chacune des parties précédentes)
- http://openweb.eu.org/articles/cascade_css
Modifié par Mikachu (22 Jun 2011 - 19:36)

Bonsoir
Merci pour ces précisions, je vais essayer d'appliquer pour visualiser plus précisément.
J'avais commencé par lire ce qui est donné par raphael, en tête de forum mais j'ai rapidement perdu les pédales.
Je pose ces questions parceque j'ai des balises <strong> dans certaines pages et j'aimerais que ces textes soient à la fois gras mais d'une autre couleur.
j'ai essayé

 .accueil strong{font size:120%;color:red}

mais ça ne donnait rien, d'où les questions.
Modifié par kayorn (22 Jun 2011 - 20:18)

Peut-être que ça ne fonctionne pas, car tu as écris font size plutôt que font-size, ce qui crée une erreur.
Modifié par Tony Monast (22 Jun 2011 - 20:58)

Tout juste... quelle billeje fais.
merci.