⚈ Kuopassa.net

Lisää kirjoituksia netistä.

CSS:n ryhmäselektoreilla leikkimistä

Kirjoitettiin
Päivitettiin 8. kesäkuuta 2014 kello 00.12

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.

Tagit:

Tietoa kirjoittajasta

Tsekkaa myös minkälaisia valokuvia teen: www.pjti.fi