Discussion :

[sahuni]

Bonjour,
En travaillant avec les CMS, on aborde les css d'une autre manière.
La plupart du temps, il s'agit avec firebug ou debugbar de repérer une classe, puis de rajouter un style pour la classe. Souvent il y a quantité de classes imbriquées.
Les FAQ, cours tutos de ce site m'ont beaucoup aidé.
J'aimerais cependant clarifier encore quelques petites choses.

Première question :

Si j'ai l'imbrication suivante :

Code :

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

1
2
3
4
5
 
div class = "A"
div class = "B"
div class= "C"
<h2>alala</h2>

Comment reprendre ce H2 spécifique dans ma feuille de style?

[Erwan31]

Comment reprendre ce H2 spécifique dans ma feuille de style?

Ta question n'est pas claire. Qu'entends tu par reprendre? Cibler?

[sahuni]

Oui, cibler

[thelvin]

Vu que tu nous parles d'une imbrication, je dirais

Code :

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

.A .B .C h2

ou

Code :

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

.A > .B > .C > h2

ou

Code :

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

.A > .B > .C > h2:first-child

En fonction de la précision nécessaire.

[Erwan31]

Code :

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

.A > .B > .C > h2:first-child

:first-child n'est pas implémenté sur IE6. D'autre part d'une point de vue perf. d'affichage (même si c'est assez négligeable) mieux vaut éviter quand c'est possible, les sélecteurs intermédiaire multiples.
Donc privilégier quelque chose du type

Code :

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

A > .first {} ou A > #first {}

[sahuni]

OK,
le code .A .B .C h2 signifie donc que plus on va vers la droite, plus on est précis, c'est bien ça? L'ordre n'est pas interchangeable? On part du plus général et on précise de plus en plus?

Je ne connais pas le code .A > .B > .C > h2 .
Qu'apporte-til de plus que .A .B .C h2 ?