Discussion :

[Alba.1337]

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 :

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

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

Merci en tout cas!

[adiGuba]

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

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

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

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

Code HTML :

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

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

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

1
2
3
<h1>Titre
    <p>paragraph</p>
</h1>

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

Code HTML :

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

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++