Class, id ja Css
Html-elementeillä voi olla useita erilaisia määritteitä, joista id
ja class
ovat erityisen tärkeitä, koska niillä säädetään tyyliohjeen vaikutusaluetta.
id |
---|
Kun elementtiin halutaan viitata sen ulkopuolelta, pitää elementissä (alkutagin sisällä) olla jokin tunniste (elementin "nimi"), jonka perusteella elementti löytyy. Jos halutaan viitata täsmälleen yhteen elementtiin, käytetään id-määritettä. Pidä huolta siitä, että kaikki id-arvot yhdellä sivulla ovat keskenään erilaisia. Muuten voi tulla sekaannuksia.
Esimerkiksi sivulle voidaan lisätä div-elementti seuraavasti:class |
---|
Määrite "class" määrittää luokan, johon elementti kuuluu. Tätä käytetään usein silloin, kun halutaan jonkin CSS-tyyliohjeen koskevan kaikkia kyseiseen luokkaan kuuluvia elementtiä. Tällöin tyyliohje aloitetaan pisteellä, jota seuraa heti luokan nimi ja sitten normaalisti aaltosulkeet jne.
Esimerkiksi nettisivulla voi olla seuraava div-elementti: