id vai class?

classko

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;}

6

849

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • 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

    1. Nyt tajusin mitä haet takaa

      En epäile etteikö meillä olisi kivaa missä vaan. Se on iso hyppy henkisellä tasolla sinne syvempään päätyyn, kuten tiedä
      Ikävä
      43
      3643
    2. Kiitos kun sanoit ikävästi minulle, herkälle

      Sait kesälomani pilattua😔
      Ikävä
      36
      2304
    3. Naiselle mieheltä

      Huomasin tuossa, että jääkaapissani on eräs sinun ostamasi tuote edelleen avaamattomana. Arvaatko mikä?
      Ikävä
      32
      1905
    4. Kaipaan niin....

      Aaawww mikä kaipuun tunne iski ja lujaa🥺😭❤️
      Ikävä
      17
      1649
    5. Jalkapalloa

      Ura ja Kokkola Cup?
      Kannus
      18
      1648
    6. Eiii...

      Etkä! 😘
      Ikävä
      23
      1578
    7. Mikset vain

      Unohtaisi?
      Ikävä
      24
      1427
    8. Ihmetteletkö, mihin sinussa ihastuin?

      Pikkuhiljaa huomasin, että olet ainutlaatuinen luonne, plussana tietysti ulkoiset avut. Toista ei taida löytyä koko maai
      Ikävä
      84
      1368
    9. En ymmärrä miksi minä

      Maailma on täynnä sinulle muita
      Ikävä
      19
      1336
    10. Mitä yhteistä on sulla ja kaivatulla?

      Onko teillä samantyyppinen olemus tai luonne? Vai muistuttaako vartalonne toisiaan? Tai kasvot? Entä pukeutuminen? Onko
      Ikävä
      89
      1252
    Aihe