Luokat ja ID:t
HTML:llä on rajallinen määrä tageja, mutta joskus on tarpeen erottaa tietyt elementit toisistaan. Esimerkiksi, jos haluat käyttää erilaisia tyylejä eri kappaleisiin (<p>-elementteihin), voit käyttää class- ja id-attribuutteja.
class-attribuutti liittää luokan tiettyyn HTML-elementtiin. Useat elementit voivat jakaa saman luokan. Tämä mahdollistaa samojen tyylien käytön useissa elementeissä.
index.html
styles.css
Tässä esimerkissä kaksi kappaletta jakaa saman highlight-luokan, jolloin voit käyttää samoja tyylejä molemmissa.
id-attribuutti määrittää yksilöllisen tunnisteen tietylle HTML-elementille. Toisin kuin class-attribuutilla, jokaisella elementillä voi olla vain yksi yksilöllinen id. Tämä on hyödyllistä, kun halutaan käyttää tyylejä tai käsitellä tiettyä elementtiä JavaScriptin avulla.
index.html
styles.css
On tärkeää muistaa, että id-arvon tulee olla yksilöllinen sivulla. Et voi käyttää samaa id-arvoa useissa elementeissä.
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Mahtavaa!
Completion arvosana parantunut arvoon 4.35Luokat ja ID:t
Pyyhkäise näyttääksesi valikon
HTML:llä on rajallinen määrä tageja, mutta joskus on tarpeen erottaa tietyt elementit toisistaan. Esimerkiksi, jos haluat käyttää erilaisia tyylejä eri kappaleisiin (<p>-elementteihin), voit käyttää class- ja id-attribuutteja.
class-attribuutti liittää luokan tiettyyn HTML-elementtiin. Useat elementit voivat jakaa saman luokan. Tämä mahdollistaa samojen tyylien käytön useissa elementeissä.
index.html
styles.css
Tässä esimerkissä kaksi kappaletta jakaa saman highlight-luokan, jolloin voit käyttää samoja tyylejä molemmissa.
id-attribuutti määrittää yksilöllisen tunnisteen tietylle HTML-elementille. Toisin kuin class-attribuutilla, jokaisella elementillä voi olla vain yksi yksilöllinen id. Tämä on hyödyllistä, kun halutaan käyttää tyylejä tai käsitellä tiettyä elementtiä JavaScriptin avulla.
index.html
styles.css
On tärkeää muistaa, että id-arvon tulee olla yksilöllinen sivulla. Et voi käyttää samaa id-arvoa useissa elementeissä.
Kiitos palautteestasi!
