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:
cssh2 {
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:
cssh2, h3, p {
color: red;
}
p {
text-align: justify;
font-size: 16px;
}
Задание 1
Yksinkertaista koodia käyttämällä valitsijoiden ryhmittelyä:
cssh1 {
text-align: center;
}
h2 {
text-align: center;
color: blue;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
Задание 2
Yksinkertaista koodia käyttämällä valitsijoiden ryhmittelyä:
cssh1 {
text-align: center;
color: red;
}
h2 {
text-align: center;
color: red;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}