Seskupování selektorů v CSS
Někdy může nastat následující situace:
potřebujete udělat totéž s různými
značkami, například obarvit všechny nadpisy
h2, h3 a odstavce na červenou.
V tomto případě budete muset napsat něco
jako toto:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
Existuje však způsob, jak to udělat trochu krátce: selektory značek lze spojit čárkou a CSS kód se na ně aplikuje všechny současně. Výše uvedený kód lze přepsat kratším způsobem takto:
h2, h3, p {
color: red;
}
Zjednodušte kód pomocí seskupování selektorů:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}
