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

882

Äänestä

    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ä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. Vesikin maksaa, miksei hengitysilma?

      Jatkuvasti itketään ettei ole rahaa mihinkään, mutta tilastojen mukaan rahaa on enemmän kuin koskaan, joten miksei asial
      Maailman menoa
      20
      1791

    2. Satuolennoista tarinointi ei kuulu peruskoulun tehtäviin

      Opetustunteja on muutenkin käytössä vain rajallinen määrä. Eli nämä satuhommat koulun ulkopuolelle vapaaehtoisiin harras
      Maailman menoa
      156
      1789

    3. Suomalainen perheenisä vaatii Suvivirren esittämisestä hyvityksiä

      Itse lapsena uskonnonopetuksesta vissiin traumoja saanut ihka suomalainen (!) perheenisä vaatii Espoon kaupungilta korva
      Maailman menoa
      339
      1495

    4. Mies profiloin sinut

      Etsit täysin hallittavaa mutta samalla poikkeuksellista ihmistä. Etsit jotain mitä et koskaan tule saamaan.
      Ikävä
      209
      1122

    5. Lahkokasteen ja kristillisen kasteen erot

      Raamatun mukaan Kristillisessä yhdessä kasteessa Jumala pesee ja puhdistaa ihmisen sydämen ja poistaa perisynnin kirouks
      Kaste
      422
      1118

    6. Mitä haluaisit

      Tehdä kaivattusi kanssa?
      Ikävä
      142
      1106

    7. Salainen kastekoulutus

      Millainen on helluntailainen kastekoulutus ja kauanko se kestää ?
      Kaste
      285
      985

    8. Känsäkoura ja hotelli

      Tietoa kuka ostanut?
      Kuhmo
      11
      985

    9. Heikki Paasosen Marita-vaimo jätti tunteikkaat jäähyväiset: "Tällä kertaa me..."

      Heikki Paasonen on naimisissa Marita Paasosen (os. Alatalo) kanssa ja heillä on kaksi pientä lasta. Nyt koitti aika jätt
      Suomalaiset julkkikset
      4
      969

    10. Pirkanlinna yleisötapahtuma

      Oli todella hyvä tilaisuus. Ja EERO. L. Aivan mahtava tyyppi. Veti rennosti ja asiallisesti. Ja yleisöltä hyviä kysymyks
      Ähtäri
      49
      928
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt