css:n "erikoisominaisuudet"

hoo

Mistähän löytyisi sellainen opas, joka käsittelee css:n vähän kehittyneempiä ominaisuuksia, eikä pelkästään perusjuttuja?

Ei siis pelkästään luokkia tapaan .class, vaan myös jotain tämän tapasia juttuja:

td.class

.class li li

col:nth-child(2n 3)

div.items p:not(:target)

jne.

5

572

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • einarim
      • hoo

        Luullakseni tarkoitan pseudoelementtejä, mutta ei tuolla w3schoolsissa ole kuin murto-osa niistä.

        Täällä on kyllä lisää: http://www.w3.org/Style/CSS/ Sivun alaosasta löytyy manuaalit CSS1:lle, 2:lle ja 3:lle.

        Mulla on luokka .active, ja sillä tietyt attribuutit. Haluisin tehä luokan .inactive ja periyttää sille kaikki .activen attribuutit sekä antaa joitain uusia. Miten tämä tehdään? Jotain tähän suuntaanko:

        .active {color: blue; background-color: grey}
        .inactive {background-color: white}

        sin. teksti, harmaa tausta

        sin. teksti, valk. tausta


      • einarim
        hoo kirjoitti:

        Luullakseni tarkoitan pseudoelementtejä, mutta ei tuolla w3schoolsissa ole kuin murto-osa niistä.

        Täällä on kyllä lisää: http://www.w3.org/Style/CSS/ Sivun alaosasta löytyy manuaalit CSS1:lle, 2:lle ja 3:lle.

        Mulla on luokka .active, ja sillä tietyt attribuutit. Haluisin tehä luokan .inactive ja periyttää sille kaikki .activen attribuutit sekä antaa joitain uusia. Miten tämä tehdään? Jotain tähän suuntaanko:

        .active {color: blue; background-color: grey}
        .inactive {background-color: white}

        sin. teksti, harmaa tausta

        sin. teksti, valk. tausta

        Näkyy olevan tulevan css3:sen ominaisuuksia nuo
        http://www.w3.org/Style/CSS/current-work
        tuolta selectors


    • CSS:stä on julkaistu aika monia englanninkielisiä kirjoja. Esimerkiksi Eric Meyerin kirjat ovat kovaa asiaa, vaikka vähän vaikeita. Suomeksi lienee edelleen vain yksi, mutta sitä parempi, vaikka itse sanonkin. :-)

      Mutta haluatko tietää piirteistä, jotka toimivat, vai myös kaikesta, mitä on ehdotettu? Kuvaamistasi .class, td.class ja .class li li ovat perusasioita, jotka selitetään jokaisessa kunnon CSS-kirjassa tai oppaassa. Sen sijaan :nth-child, :not ja :target eivät kuulu mihinkään viralliseen CSS:n määrittelyyn eivätkä myöskään selaimet tunne niitä, pois lukien ehkä jotkin kokeiluselaimet tms. Ne kuuluvat luonnoksiin, joita kutsutaan yhteisnimellä "CSS 3" ja joissa itsessään sanotaan, ettei ole sopivaa viitata niihin muuten kuin käynnissä olevana kehitystyönä ("work in progress").

      Välimaastoon sijoittuu sitten joukko piirteitä, jotka kuuluvat viralliseen CSS:ään (CSS 2) ja joita mm. Opera ja Mozilla (tai ainakin toinen niistä) tukee mutta Internet Explorer ei. Web-käyttöä ajatellen nekään eivät siten ole kovin käytännöllisiä nykytilanteessa mutta saattavat huolellisesti käytettyinä olla hyödyksi. Tällainen on esimerkiksi sentyyppinen selektori kuin h2 p (tarkoittaa sellaista p-elementtiä, joka on välittömästi h2-elementin jäljessä).

      • hoo

        Kirjoja varmaan on, mutta en viittis kokonaista opusta lukea. Netistä en oo kunnollista löytänyt. Mutta ehkä pärjään näillä. Kiitos kumminkin.

        CSS3:a en tosiaan halua käyttää, koska sitä vain harva selain tukee.


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

    Luetuimmat keskustelut

    1. En tullut, koska käytit päätäsi.

      Ja koska ihmiset pilaavat sillä mahdollisuudet, kaikki mikä toimii vaatii oman lähestymistapani. Kun levittää punaisia m
      Ikävä
      37
      2736
    2. Miten kaivattusi teki sinuun lähtemättömän vaikutuksen?

      Minulla kävi niin, että hän laittoi ruokaa, kun olin nälkäinen. Tie miehen sydämeen käy vatsan kautta.
      Ikävä
      89
      1184
    3. Alkon myynti putosi kesäkuussa 10 prosenttia

      Niin se hallitus tuhoaa valtion verokertymää ylisuurella alkoholiverolla, kun kansalaiset hankkivat juomansa ulkomailta.
      Maailman menoa
      127
      979
    4. Oliko mies vetäytyminen

      Toimiva veto? Miten meille kävi. Ei hyvin ja mahdottomalta tuntuu tilanne nyt.
      Ikävä
      61
      967
    5. Mitä söitte Hänen kanssaan yhdessä viimeksi?

      Tällainen vihjeketju:)
      Ikävä
      66
      907
    6. Ulosotossa olevan tulisi saada itse päättää

      Maksetaanko hänen ulosotossa olevia velkoja takaisin yksi kerrallaan vai ripotellen pikku summia sinne tänne, kuten ulos
      Ulosotto, perintä ja häädöt
      77
      881
    7. EU:lta tyly ratkaisu Temulle

      On se hyvä, että EU on vihdoin ja viimein puuttunut noiden Kiinan krääsän kauppiaiden toimintaan. https://www.is.fi/ta
      Maailman menoa
      101
      828
    8. Oon tässä pohtinut että se nainen

      Ei sovi sulle. Ihmetyttää mitä näet hänessä. Mieheltä miehelle
      Ikävä
      70
      815
    9. Nainen on ihana

      ilta-päivää tosi söpölle naiselle 🤗😘☺ Jos saisin sinut nainen oisin onnellisin mies Etpäs tiedäkään keneltä tämä on?
      Ikävä
      25
      718
    10. Hallinto-oikeus kumosi valtuuston päätöksiä

      Teksti-tv kertoo, että valtuuston päätöksentekoon on osallistunut varavaltuutettu jolla ei ollut oikeutta osallistua. Mi
      Ähtäri
      30
      684
    Aihe