Zoskupovanie selektorov v CSS
Niekedy môže nastať nasledujúca situácia:
potrebujete urobiť to isté s rôznymi
značkami, napríklad zafarbiť všetky nadpisy
h2, h3 a odseky na červenú farbu.
V tomto prípade budete musieť napísať niečo
takéto:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
Avšak, existuje spôsob, ako to urobiť trochu kratšie: selektory značiek je možné spojiť čiarkou a CSS kód sa aplikuje na nich všetky súčasne. Uvedený kód vyššie je možné prepísať kratšie takýmto spôsobom:
h2, h3, p {
color: red;
}
Zjednodušte kód pomocou zoskupovania selektorov:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}
