Mistä tietää että milloin elementtiin pitäs liittää id- ja milloin class -määrittely?
Siis:
div.puna{background-color:red;}
vai
div#puna{background-color:red;}
id vai class?
6
841
Vastaukset
- juhakorkeapudas
Samassa dokumentissa voi id-määriteltyjä objekteja esiintyä vain yksi, luokkia (class) voi esiintyä useampia. Jos käytät esim. valikkoa tms., joka on ainutkertainen, voi käyttää id merkintää. Tekstialueissa, joita on ehkä useita, käytetään luokkamääritystä.
- Myös kiinnostunut
... kannattaa käyttää aina class-määrittelyä?
Perustelu: Ei ole vaaraa validatorin "vingahtamisesta".
Onkohan tuossa saman id:n useampaan kertaan käyttämisessä samassa dokkarissa mitään muuta ongelmaa kuin se, että se ei ole standardin/määrityksen mukaista. Hyvin se tuntuu käytännössä pelaavan. - classko
Kiitos vastauksestasi. Tulkitsin sen niin, että id-määriteltyä elementtiä voi "kutsua" vain kerran koodissa, mutta tulkintani taisi olla väärä.
Tämä tuplakutsu
Eka id
...
Toka id
toimii, kun CSS-tiedostossa on määrittely
div#puna{background-color:red;} - The Rat
classko kirjoitti:
Kiitos vastauksestasi. Tulkitsin sen niin, että id-määriteltyä elementtiä voi "kutsua" vain kerran koodissa, mutta tulkintani taisi olla väärä.
Tämä tuplakutsu
Eka id
...
Toka id
toimii, kun CSS-tiedostossa on määrittely
div#puna{background-color:red;}Ja sitten kirjoitat myöhemmin javascriptillä jotain tyyliin "document.getElementById("puna")...", ja ihmettelet kun jokin menee koko ajan pieleen.
Käytä ID:tä vain kerran, käytä luokkaa merkitsemään luokkaa. Ei se, että jokin toimii, tarkoita että niin kannattaisi tehdä.
Eikä se edes välttämättä toimi kaikilla selaimilla. - classko
The Rat kirjoitti:
Ja sitten kirjoitat myöhemmin javascriptillä jotain tyyliin "document.getElementById("puna")...", ja ihmettelet kun jokin menee koko ajan pieleen.
Käytä ID:tä vain kerran, käytä luokkaa merkitsemään luokkaa. Ei se, että jokin toimii, tarkoita että niin kannattaisi tehdä.
Eikä se edes välttämättä toimi kaikilla selaimilla.Tarkoitus ei ollut vängätä vastaan, mutta kun vasta aloittelen näitä hommia, niin välttämättä selkeästikään selitetty asia ei ole tumpulalle selkeää. :) Kiitos hyvistä vastauksista.
- The Rat
Myös kiinnostunut kirjoitti:
... kannattaa käyttää aina class-määrittelyä?
Perustelu: Ei ole vaaraa validatorin "vingahtamisesta".
Onkohan tuossa saman id:n useampaan kertaan käyttämisessä samassa dokkarissa mitään muuta ongelmaa kuin se, että se ei ole standardin/määrityksen mukaista. Hyvin se tuntuu käytännössä pelaavan.Mikäänhän ei estä käyttämästä samalle elementille sekä class, että id -määritystä.
Mutta juu, jos tarvetta elementtien yksittäiselle osoittamiselle ei ole, class toimii vallan mainiosti. ID on yleensä hyödyllisempi sitten javascriptin kanssa, kun halutaan vaikkapa tiettyä taulukkoa tai tiettyä kuvaa käsitellä...
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Tänään pyörit ajatuksissa enemmän, kun erehdyin lukemaan palstaa
En saisi, silti toivon että sinä vielä palaat ja otetaan oikeasti selvää, hioituuko särmät ja sulaudummeko yhteen. Vuod225144- 254328
- 272461
- 342244
- 371998
- 151908
En ole koskaan kokenut
Ennen mitään tällaista rakastumista. Tiedän että kaipaan sinua varmaan loppu elämän. Toivottavasti ei tarvitsisi vain ka191587- 121521
Voi ei! Jari Sillanpää heitti keikan Helsingissä - Hämmästyttävä hetki lavalla...
Ex-tangokuningas on parhaillaan konserttikiertueella. Hän esiintyi Savoy teatterissa äitienpäivänä. Sillanpää jakoi kons211247Kerranki asiat oikein
Ilkka ja muut pienpuolueeet...teitte hyvän työn kun valitsitte pätevän henkilön virkaan eikä kepulle passelia!! Jatkakaa101174