CSS et le groupement imbriqué
Regroupement sélecteurs
Il y a de nombreux éléments qui ont le même style dans la feuille de style.
h1
{
couleur: vert;
}
h2
{
couleur: vert;
}
p
{
couleur: vert;
}
{
couleur: vert;
}
h2
{
couleur: vert;
}
p
{
couleur: vert;
}
Pour réduire au minimum le code, vous pouvez utiliser le sélecteur de paquets.
Chaque sélecteur virgules occasion.
Dans l'exemple suivant, nous utilisons le code ci-dessus sélecteurs de regroupement:
sélecteurs emboîtées
Il peut demander au Sélecteur de styles d'intérieur.
Dans l'exemple suivant, un ensemble de trois styles:
- Spécifiez un style pour tous les éléments p
- = Éléments "marqués" spécifient un style pour toutes les classes
- = "Marqué" élément de p dans un élément spécifie un style pour toutes les classes
Exemples
p
{
color: blue;
text-align: center;
}
.marked
{
background-color: red;
}
.marked p
{
color: white;
}
{
color: blue;
text-align: center;
}
.marked
{
background-color: red;
}
.marked p
{
color: white;
}
Essayez »