Obecné vlastnosti při seskupování selektorů v CSS
Stává se, že část vlastností některých selektorů je stejná, a část se liší. V následujícím kódu mají například nadpisy a odstavec červenou barvu, ale odstavec má navíc další vlastnosti:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
text-align: justify;
font-size: 16px;
}
V takovém případě lze seskupit opakující se části, a to, co se neopakuje, zapsat samostatně:
h2, h3, p {
color: red;
}
p {
text-align: justify;
font-size: 16px;
}
Zjednodušte kód pomocí seskupování selektorů:
h1 {
text-align: center;
}
h2 {
text-align: center;
color: blue;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
Zjednodušte kód pomocí seskupování selektorů:
h1 {
text-align: center;
color: red;
}
h2 {
text-align: center;
color: red;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
