HTML-merkkauksen seassa esimerkiksi tekstikappale voi näyttää tältä: <p class="keskelle ja lihavoituna">. Tuo sisältää siis ryhmäselektorit keskelle, ja sekä lihavoituna. Se voi ensi alkuun tarkoittaa, että yksi CSS-asetus laitetaan keskittämään tekstikappale ja viimeinen sana voi tarkoittaa vaikka, että laitetaan teksti boldatuksi. Keskimmäisellä sanalla luokittelusta voi tehdä hauskempaa ja täsmällisempää.
Tyylimäärittelyissä voi lukea esimerkiksi näin:
.keskelle { text-align: center; }
.lihavoituna { font-weight: bold; }
.keskelle.ja.lihavoituna { font-size: 1.1em; padding: 0 20%; }
Ylin kolmesta koodirivistä laittaa keskityksen, keskimmäinen lihavoinnin ja kolmas rivi turvottaa fontin kokoa sekä asettaa tyhjää tilaa laidoille, mikäli kaikki kolme ryhmäselektoria on määritelty tagiin. Ja-sanan käyttämistä voi perustella esim. koodin luettavuuden parantamisella. Toki sille voi löytyä muutakin käyttöä. En tosin ole sellaista vielä löytänyt.
