CSS Groupement et de nidification Sélecteurs

Sélecteurs de regroupement

Dans les feuilles de style, il ya souvent des éléments avec le même style.

h1
{
color:green;
}
h2
{
color:green;
}
p
{
color:green;
}

Afin de minimiser le code, vous pouvez sélecteurs de groupe.

Séparez chaque sélecteur avec une virgule.

Dans l'exemple ci-dessous nous avons regroupé les sélecteurs à partir du code ci-dessus:

Exemple

h1,h2,p
{
color:green;
}

Essayez vous-même »

---

Sélecteurs de nidification

Il est possible d'appliquer un style pour un sélecteur au sein d'un sélecteur.

Dans l'exemple ci-dessous, un style est spécifié pour tous les éléments p, un style est spécifié pour tous les éléments avec class = "marqués", et un troisième style est spécifié que les éléments p de éléments avec class = "marqués":

Exemple

p
{
color:blue;
text-align:center;
}
.marked
{
background-color:red;
}
.marked p
{
color:white;
}

Essayez vous-même »