Všeobecné vlastnosti pri zoskupovaní selektorov v CSS
Stáva sa, že časť vlastností niektorých selektorov je rovnaká, časť sa líši. V nasledujúcom kóde, napríklad, nadpisy a odsek majú červenú farbu, ale odsek má navyše ďalšie vlastnosti:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
text-align: justify;
font-size: 16px;
}
V takom prípade je možné zoskupiť opakujúce sa časti, a to, čo sa neopakuje, zapísať samostatne:
h2, h3, p {
color: red;
}
p {
text-align: justify;
font-size: 16px;
}
Zjednodušte kód pomocou zoskupovania selektorov:
h1 {
text-align: center;
}
h2 {
text-align: center;
color: blue;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
Zjednodušte kód pomocou zoskupovania selektorov:
h1 {
text-align: center;
color: red;
}
h2 {
text-align: center;
color: red;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}