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

630

    Vastaukset 5

    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. KP-Sesongilla ongelmia?

      Tarvitsen luotettavaa katonpuhdistajaa ja kuulin, että KP-Sesonki Oy tekee hommat edullisesti ja asiakkaan tarpeet huomi
      Ylöjärvi
      24
      1586
    2. Oot upea nainen, älä vähättele ittees

      Ja tietojeni mukaan 2 muuta on susta kiinnostuneit mun lisäks. 👀
      Ikävä
      68
      1377
    3. Mikä kaivatussasi ärsyttää

      Juuri nyt, tällä hetkellä?
      Ikävä
      96
      1171
    4. Jämsän Paras Ravintola

      Särkijärven kioskiin on avattu uusi upea Maucas ravintola joka on jämsän paras. Loistava palvelu ja herkullinen ruoka. R
      Jämsä
      74
      1097
    5. Salaisuudet paljastuu

      Viimeiset hetket meneillään ottaa yhteyttä. Kertoa totuus ja selvittää asioita. Viimeiset hetket meneillään jos joku
      Ikävä
      84
      789
    6. Poliisi pamputti Variskankaalla

      Mistä lie alkanut ja miksi poliisit kutsuttu, mutta mielestäni hyvin toimittu. Jos haluaa rähistä eikä rauhoitu puheella
      Kajaani
      29
      738
    7. Ihmettelet nainen, miten vielä sinua rakastan

      No jos en enää sinua ajattelisi, niin ei se mitään rakkautta olisi alunperinkään. En tarvi sinusta nähdä merkkiäkään, ni
      Ikävä
      48
      737
    8. Kiellettyjä ajatuksia

      Istutaan sylikkäin, katson sun silmiin, vastaat kstseeseen ja kiedon kädet sun ympärille. Huulet koskettaa sun huulia,
      Ikävä
      43
      646
    9. vapaa

      sana :) 🚮
      Ikävä
      63
      646
    10. Onko ihan pakko

      olla niin hiton pitkävihainen? Sinulle nainen...
      Ikävä
      38
      629
    Aihe