Fonctionnement des sélecteurs basiques

Dans le code ci-dessous je ne comprends pas pourquoi paragraphe1 se retrouve caché et pas paragraphe2.
Je sais, ça doit-être basique, mais là, je bloque. Si quelqu'un peut me dépanner...

Code:

---

1 2 3 4 5 6 7

<div id="div1"> <div id="div2"> <p class="classe1">paragraphe1</p> </div> <p class="class1">paragraphe2</p> </div> <p class="class1">paragraphe3</p>

---

Code:

---

1 2 3

$(function(){ $('#div1 p.classe1').hide(); });

---

Probablement parce que classe1, c'est pas pareil que class1... :aie:

Alors là, je suis honteux, je l'ai pourtant regardé longuement.

Merci. :D