Yhdelle diville eri tyyli, miten?

Weraqr

Olen määritellyt tyylit, mutta tarvitsisin yhdelle diville muuten samat tyylit, mutta eri leveyden. Miten tämä kannattaa tehdä?

Mielestäni on tyhmää määrittää uudestaan kaik pelkän leveyden muutoksen takia. Divit käyttää class joten voiskos määrittää tuolle yhelle kaks jotenkin?

Ratkaisun pitää olla toimiva usealla selaimel, ei mitään IE tai FF syrjiviä.

4

285

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Höpö.

      Voit määritellä vaikka kaikki miksi tahansa kerralla ja sitten myöhemmin jollekin vain tietyn ominaisuuden poikkeuksena. Silloin säilyy kaikki muu, paitsi se poikkeus kumoutuu myöhemmällä määrityksellä. Oliko tarpeeksi sekavaa?
      Esimerkki:

      .tyyli1, .tyyli2, .tyyli3 {
         width: 100px;
         color: Red;
         }
      .tyyli2 {
         width:150px;
         }


      Jollei tuo auttanut, tee tarkempi kysymys vaikka esimerkin kanssa.

      • Weraqr

        Auttoi tuo ja toimiikin niinkuin haluan.

        Löysin Googlettamal tämmösen

        class="tyyli1 tyyli2"

        Pikatestailul näyttäisi toimivan, mutta mitenkäs eri selaimet moiseen suhtautuu?

        Tuo olis mielestäni helpompa tähän tilanteeseen, kun tuota tyyli2 voisi käyttää muidenkin kanssa mihkä tarttee saman muutoksen.

        En tienytkään, että tyylejä voi tuolleekin määrittää, kiitos avusta.


      • Weraqr kirjoitti:

        Auttoi tuo ja toimiikin niinkuin haluan.

        Löysin Googlettamal tämmösen

        class="tyyli1 tyyli2"

        Pikatestailul näyttäisi toimivan, mutta mitenkäs eri selaimet moiseen suhtautuu?

        Tuo olis mielestäni helpompa tähän tilanteeseen, kun tuota tyyli2 voisi käyttää muidenkin kanssa mihkä tarttee saman muutoksen.

        En tienytkään, että tyylejä voi tuolleekin määrittää, kiitos avusta.

        Itse löysin Google-loitsulla tuollaisen sivun:
        http://www.pixelsurge.com/experiment/multiplestyles.htm

        Ensimmäisen testin tulosten perusteella kahden luokan käyttäminen näyttäisi toimivan varsin hyvin. Ongelmia aiheuttavat vain IE 4 ja NN 4, jotkat ovat kyllä jo ikivanhoja selaimia. Lisäksi, kuten alla olevalta sivulta näkyy, NN 4:n CSS-tuki on lievästi sanottuna surkea muutenkin.

        http://www.css.nu/pointers/bugs-nn.html#NN4


      • Weraqr
        Whitelighter kirjoitti:

        Itse löysin Google-loitsulla tuollaisen sivun:
        http://www.pixelsurge.com/experiment/multiplestyles.htm

        Ensimmäisen testin tulosten perusteella kahden luokan käyttäminen näyttäisi toimivan varsin hyvin. Ongelmia aiheuttavat vain IE 4 ja NN 4, jotkat ovat kyllä jo ikivanhoja selaimia. Lisäksi, kuten alla olevalta sivulta näkyy, NN 4:n CSS-tuki on lievästi sanottuna surkea muutenkin.

        http://www.css.nu/pointers/bugs-nn.html#NN4

        Kiitoksia käytämpäs sit tuota. Itsekkin yritin kyl kiusata Googlea mut vääril sanoil tietenkin.

        Ei nuo 4 ongelmat haittaa, kun sekoavat muutenkin sivuni tyylimäärittelyis, joten en tarjoa niille tyylejä ollenkaan.


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Mietitikö nainen koskaan

      Miksi me ollaan päädytty tähän pisteeseen. Lähestmistapaa ei ole. Tarvitaanko me oikeasti enää tätä.
      Ikävä
      121
      1738
    2. Olisi hauska tietää

      Koska huomasit pitäväsi minusta? Itse taisin ihastua sinuun heti silloin kun tavattiin ensimmäistä kertaa. Miehelle, jon
      Ikävä
      62
      1103
    3. Marin on ehkä maailman kaunein "Nelikymppinen"

      Marinin julkaisu on saanut yli 68 500 tykkäystä. Postauksen kommenttikentässä ylistetään paljon Marinin kauneutta, jota
      Maailman menoa
      145
      1079
    4. En kelpaa sinulle

      Varattuna - olen sinulle ongelma. Eroaminen vuoksesi voi olla turhaa, sillä me ei puhuta, kun olen varattu ja kumpikin v
      Ikävä
      76
      910
    5. Apua. Onks mä jotenki erikoinen ?

      Oon ihastunu paljon vanhempaan mieheen.
      Ikävä
      97
      905
    6. Vernu Vasunta

      On mahotonta miten marjanpoimijoita on kohdeltu! Eikö paremmalla kohtelulla olisi saanut paremman tuloksen?
      Suomussalmi
      23
      871
    7. Minun on vaan päästettävä irti

      Toiveesta. Satutan vain itseäni😥😔. Toivon sinulle pelkkää hyvää, eläthän elämäsi parasta aikaa, mutta en halua enää k
      Ikävä
      37
      850
    8. Kertoisit jo

      Rakastatko minua vai olenko käsittänyt väärin onko tämä vaan ystävyyttä tai kaveruutta? En haluaisi enää nolata itseäni
      Ikävä
      42
      759
    9. Taidat vanhempi nainen

      Haluta sen tien itsellesi. juokse vaan karkuun ! Pahentaa vaan asiaa.Pitäs toimia ihan toisin päin
      Ikävä
      61
      754
    10. En koskaan saanut asiattomia kuvia!

      Silloin kun olin vielä nuori, kukaan mies ei koskaan lähettänyt minulle asiattomia kuvia itsestään. Jos tiedätte mitä ta
      Sinkut
      156
      721
    Aihe