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. Suuri tulipalo

      Missä mikä palaa?
      Kiuruvesi
      20
      3764
    2. Muistatko vielä viime kesän "sutinat"?

      Kohtalo vai mikä lie järjesti, että törmäiltii jatkuvasti toisiimme. Ihan uskomatonta, koska eihän me mitään ikinä sovit
      Ikävä
      24
      3139
    3. 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ä
      32
      2355
    4. Yksi "sometähti" vähemmän

      Ei tunnu missään.
      Kotimaiset julkkisjuorut
      92
      2139
    5. Mies! Lupaatko

      enskerral kertoo mis mennään..? :D <3
      Ikävä
      19
      1976
    6. Tuliko ikävä

      Vai miksi laitoit viestin? Soittamalla voisi saada kiinni. Mutta et sä uskalla
      Ikävä
      26
      1632
    7. Kulta, sovitetaanko joku ilta avainta lukkoon?

      Musta tuntuu että me ollaan pari. Olisi ihana saada asialle sinetöinti viemällä suhde päätyyn asti. ❤️ Rakastan sua ikui
      Ikävä
      41
      1611
    8. Saitko ne viestit

      Silloin viime kuussa? Vai etkö lukemut niitä.
      Ikävä
      32
      1512
    9. Päivi Räsänen eroaa todennäköisesti kirkosta

      Päivi Räsänen kertoo järkyttyneensä evankelis-luterilaisen kirkon homolinjauksesta. Räsänen sanoo todennäköisesti eroava
      Luterilaisuus
      502
      1463
    10. Miten lasketaan?

      Ompa ollut valtava ihmismassa taas Folkkaajia liikenteessä. Miten noin 2200 lipunostaneesta muodostuu 11000 kävijää?.
      Haapavesi
      9
      1414
    Aihe