Une combinaison de sélecteurs CSS

Suivant: Responsive Web Design - Introduction

Une combinaison de sélecteurs CSS

	sélecteurs combinés illustrent la relation directe entre les deux sélecteurs.

sélecteurs CSS comprennent une combinaison de différentes combinaisons de sélecteurs simples.

En CSS3 il contient quatre combinaisons:

sélecteur décroissant (séparés par des espaces)
L'élément enfant sélecteur (supérieur délimité)
sélecteur de frère adjacent (plus délimité)
sélecteur Brother ordinaire (séparés par un tiret)

Offspring Picker

sélecteur correspond à tous les éléments Descendant éléments descendants dignes.

L'exemple suivant sélectionne tout élément <p> dans l'élément <div>:

Exemples

div p
{
background-color:yellow;
}

Essayez »

sélecteurs d'enfants

En comparaison avec les sélecteurs descendants, sous-sélecteurs (sélecteurs d'enfants) peuvent choisir un élément comme un élément de l'élément enfant.

Les exemples suivants sélectionnés <div> dans tous les éléments enfants directs <p>:

Exemples

div>p
{
background-color:yellow;
}

Essayez »

Selector Sibling Adjacent

sélecteur de frère adjacent (sélecteur de frère adjacent) choisir un autre élément immédiatement après l'élément, et les deux ont le même élément parent.

Si vous devez sélectionner un autre élément immédiatement après l'élément, et les deux ont le même élément parent, vous pouvez utiliser le sélecteur de frère adjacent (sélecteur de frère adjacent).

L'exemple suivant sélectionne tout le premier dans l'élément <div> après l'élément <p>: