Ryhmittely

Tyylejä, niiden ominaisuuksia ja arvoja voidaan ryhmitellä hieman erilaisilla tavoilla. Seuraavassa on lyhyesti esitettynä erilaiset ryhmittelymahdollisuudet.

Tyylejä, joissa on samoja ominaisuuksia ja arvoja, voidaan ryhmitellä yhteen. Esimerkiksi otsikkotasoisten tyylien kirjasimen värin määritteleminen onnistuu kootusti seuraavan esimerkin mukaisesti. Esimerkissä tyyleille h1, h2 ja h3 halutaan antaa kirjaisimen väriksi keltainen. Tällöin tyylien nimet erotetaan toisistaan pilkulla ja niille tehdään yhteinen lohko, jonka sisällä tyylien yhteiset ominaisuudet ilmoitetaan.

h1, h2, h3 {
color: yellow;
background-color: black;
}

Määriteltäessä useiden ominaisuuksien arvoja erotetaan ominaisuudet toisistaan puolipisteellä (;). Seuraavassa esimerkissä h1-tyylille on määritelty kaksi ominaisuutta font-weight ja font-family.

h1 {
font-weight: bold;
font-family: helvetica, sans-serif;
}