Yleiset ominaisuudet valitsijoiden ryhmittelyssä CSS:ssä
Joskus osa eri valitsijoiden ominaisuuksista on sama, kun taas osa eroaa. Esimerkiksi seuraavassa koodissa otsikoilla ja kappaleella on punainen väri, mutta kappaleella on sen lisäksi muita ominaisuuksia:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
text-align: justify;
font-size: 16px;
}
Tällöin toistuvat osat voidaan ryhmitellä, ja osat, jotka eivät toistu, voidaan kirjoittaa erikseen:
h2, h3, p {
color: red;
}
p {
text-align: justify;
font-size: 16px;
}
Yksinkertaista koodia käyttämällä valitsijoiden ryhmittelyä:
h1 {
text-align: center;
}
h2 {
text-align: center;
color: blue;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
Yksinkertaista koodia käyttämällä valitsijoiden ryhmittelyä:
h1 {
text-align: center;
color: red;
}
h2 {
text-align: center;
color: red;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
