⚈ Kuopassa.net

Lisää kertomuksia netistä. 摆烂

CSS:n ryhmäselektoreilla leikkimistä

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.

Tietoa kirjoittajasta