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

583

    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. Kylläpä on nautinnollista taas tämä palstan vassari valitus!

      Lähes jokainen avaus on vassareiden kitinää ja valitusta. Eikö se tarkoitakin, että silloin asiat menee maassamme parem
      Maailman menoa
      32
      2628
    2. Yksi kuoli nokkakolarissa

      Asiasta YLEn verkkosivuilla uutinen klo 23.02. Oliko itsemurha?
      Oulainen
      11
      1332
    3. Helvetistä ei ole paluuta

      Kun ihminen laskeutuu kuolleiden maailmaan, kauhujen valtakuntaan ja tuonelan ovet sulkeutuu kiinni, se on karu tunne ku
      Idän uskonnot
      336
      1037
    4. Mikä on kaivattusi ammatti

      entäpä sinun? 💶
      Ikävä
      45
      942
    5. Terveisiä vanhemmalle

      J-miehelle. Ehkä nähdään vielä 😉
      Ikävä
      45
      884
    6. Järjetön Topi-ilta

      Lisää tappiota konkurssipesälle. Miten voi olla mahdollidta , että annetaan järjestää tämä. Sorsakoski pyörii haudassaan
      Ähtäri
      20
      849
    7. Miksi nainen nukut huonosti

      Onko sulla jotakin huolia, vai jotakin miestäkö mietit? Vai tunnemaailmassako velloo? Ajatteletko koskaan minua? Paljo
      Ikävä
      61
      764
    8. Niin siinä Kävi

      Ettemme koskaan saaneet toisiamme
      Ikävä
      44
      750
    9. Halutaan toisiamme

      Mutta se on Salaisuus❤️
      Intohimo
      44
      746
    10. Jos olisit kaivattusi

      Kanssa kahdestaan samassa tilassa niin miten kävisi
      Ikävä
      46
      676
    Aihe