Mikä on tuo tunnisteselektrori (id) jota tyyleissä käytetään?
Luokka on minulle selvä, jos haluat erottaa tagit muista, niin teet oman luokan ja määrität sen ominaisuudet tyylitiedostossa .erilainen {}, jolloin leipäteksti "erilainen" on toisenlaista kuin muiden tagien välissä.
Mutta, mutta mitä id tarkoittaa, osaisiko joku selittää sen oikein selvästi?
Ilmeisesti tyylitiedostossa id="erilainen" viitataan #erilainen tai olenko väärässä?
Siis miten id eroaa class:sta?
Luokka on minulle selvä, jos haluat erottaa tagit muista, niin teet oman luokan ja määrität sen ominaisuudet tyylitiedostossa .erilainen {}, jolloin leipäteksti "erilainen" on toisenlaista kuin muiden tagien välissä.
Mutta, mutta mitä id tarkoittaa, osaisiko joku selittää sen oikein selvästi?
Ilmeisesti tyylitiedostossa id="erilainen" viitataan #erilainen tai olenko väärässä?
Siis miten id eroaa class:sta?
Vastaukset 3
Vanhimmat
olet oikealla jäljillä...
Eli class määreessä css fileen tehdään näin:
.erilainen {}
ja id määreessä:
#erilainen {}
:)
Nimistä voi päätellä niiden tarkoitustakin.
Classin, eli luokan voi määrittää vaikka kaikille p-tageille, jolloin niistä tulee samanlaisia.
Id on taas yksilöimiseen tarkoitettu. Kahdella p-tagilla, ei voi olla samaa id:tä. Sitä käytetään esim. javascriptin kanssa, mutta tosiaan siihen voi viitata css:lläkin mainitsemallasi tavalla.
Käytännössä ne kai toimivat muuten samalla tavalla, mutta ainakin selkeyden vuoksi ne on hyvä erottaa toisistaan.
Itse käytän id:tä esim. div-pohjassa (esim. vasen, keski, oikea jne.) ja classia taas esim. tekstin yms. muotoiluissa.
..niin noita voisi ihan suomeksi yksinkertaistaa, jos se on jollekkin helpompi tajuta, class on luokka ja id (identified) sen luokan oppilas, id voi siis olla sinisilmäinen, ilman että koko luokan oppilaat on sitä.