problême syntaxe CSS

Tout d'abord bonjour à vous.
Je cherche depuis 20 min en vain, et j'espère que vous serez à même de m'aider.
Je ne parviens pas à trouver ce que recouvre dans une feuille de style CSS les notations :

Code:

---

"h1 + h2{}" ou "h1 > p {}"

---

Merci en tout cas!

Salut,


Il s'agir de sélecteurs des CSS2.

h1 + h2 représente un élément h2 juste derrière un élément h1, sans rien entre les deux.

Exemple qui concorde :

Code:

---

1 2	<h1>Titre</h1> <h2>Sous-titre</h2>

---

Exemple qui ne concorde pas (il y a un bloc <p> entre les eux) :

Code:

---

1 2 3

<h1>Titre</h1> <p>paragraphe</p> <h2>Sous-titre</h2>

---

h1 > p représente un élément p directement à l'intérieur d'un élément h1, sans aucun autre élément entre.

Exemple qui concorde :

Code:

---

1 2 3

<h1>Titre <p>paragraph</p> </h1>

---

Exemple qui ne concorde pas (il y a un bloc <div> entre les eux) :

Code:

---

1 2 3 4 5

<h1>Titre <div> <p>paragraph</p> </div> </h1>

---

A noter toutefois que cela est incorrect : sauf erreur un élément de type <h1> ne doit pas contenir de bloc <p>...


a++