Manipulation des classes - plusieurs questions

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:

---

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?

Citation:

---

Envoyé par sahuni

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

---

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

Oui, cibler

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

Code:

---

.A .B .C h2

---

ou

Code:

---

.A > .B > .C > h2

---

ou

Code:

---

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

---

En fonction de la précision nécessaire.

Citation:

---

Envoyé par thelvin

Code:

---

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

---

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

---

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 ?