Združevanje selektorjev v CSS
Včasih se lahko pojavi naslednja situacija:
enako stvar morate narediti z različnimi
oznakami, na exemplo, obarvati vse naslove
h2, h3 in odstavke z rdečo barvo.
V tem primeru boste morali napisati nekaj
podobnega temu:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
Vendar obstaja način, da to naredite nekoliko krajše: selektorje oznak lahko združite z vejico in CSS koda se bo uporabila za vse hkrati. Zgornjo kodo lahko prepišemo na krajši način takole:
h2, h3, p {
color: red;
}
Poenostavite kodo z uporabo združevanja selektorjev:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}