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

826

Ää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. Kalle Palander kertoi fantasioivansa siitä, kuinka Kiira Korpi naisi häntä sträppärillä ahteriin

      Sai potkut Yleltä. https://yle.fi/a/74-20140000
      Maailman menoa
      538
      8908

    2. 24h Kirppis

      Olen muuttamassa paikkakunnalle ja mietin olisiko tälläiselle liikkeelle tarvetta alueella?
      Jämsä
      11
      2267

    3. Suomessa eletään liian pitkään

      "Ihmisten on kuoltava" Asiantuntija varoittaa: Suomi ei ole valmis siihen, että niin moni elää pitkään: ”Kaiken täytyy
      Maailman menoa
      177
      1368

    4. Kerotakaa joensuun kontiolahden paiholan laitoksesta jotain

      Mun kaveri joutuu paiholan laitokseen nyt lähi aikoina niin voisko ihmiset kertoa minkälaista siellä on tarinoita jne ja
      Joensuu
      17
      1026

    5. Näyttääkö kaivattusi

      Miten hyvältä ❤️
      Ikävä
      61
      857

    6. Sun ulkonäkö on

      Kyllä viehättävä. Kauniit piirteet. Todella sievät. Ja olemus on ihana. Olet tehnyt vaikutuksen.
      Ikävä
      41
      837

    7. Olen niin haaveillut

      Sinusta. Ollut hullun rakastunut. Ajatellut kaikkea mitä yhdessä voisimme tehdä. Mutta ei ei yhtään mitään. Usko vaan lo
      Ikävä
      57
      772

    8. Oletko koskaan

      Tavannut/tuntenut ihmistä, jonka kanssa vuosisadan rakkaustarina olisi ollut mahdollinen, mutta joku este tuli väliin?
      Sinkut
      72
      764

    9. En voi ottaa

      Jos ikinä aiot ottaa yhteyttä, niin tee se nyt. On aika, kun todella todella tarvitsisin sinua. Naiselle.
      Ikävä
      37
      682

    10. Tuo yksi tampio vielä ilmeisesti kuvittelee

      Että joku itkee peräänsä täällä vinkuen jotain utopistista kadonnutta rakkauttaan kaksoisliekit silmissä leiskuen. Pyhä
      Ikävä
      75
      612
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt