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. Mulla on ikävä sua

      Pakko se on myöntää, mulla on ikävä sua 🥺💔.. En kyllä haluaisi sitä myöntää kun tämä tilanne on niin hankala. Oon yri
      Ikävä
      35
      1078
    2. Väleistä

      Minkälaiset välit sinulla on kaivattusi kanssa?
      Ikävä
      71
      848
    3. Nainen, olet ihanin maan päällä

      Ei ole toista. Olet ihanteellinen, kaikkien mittapuitteni täyttymys. Sisäinen kauneutesi sinetöi ulkoisen ja juuri se sa
      Ikävä
      40
      710
    4. Koska tulet minulle näkyväksi

      Koska astut piilostasi esiin? Miksi pysyttelet niin kaukana? Etkö voisi tulla päättämään tämän ikävöinnin? Saisin vihdoi
      Ikävä
      40
      686
    5. Poliis. Poliisi osoitti aseella Tampereella kun mies avasi oven

      Poliisi Poliisi osoitti aseella Tampereella, kun mies avasi siviili­poliisiauton oven Mies kuvasi keski­viikkoiltana bus
      Maailman menoa
      191
      541
    6. Sano rakkaallesi

      Suorat sanat! Mikä mieltä kaihertaa!
      Ikävä
      43
      489
    7. Romanttisinta

      Mitä hän on tehnyt sinulle?
      Ikävä
      45
      470
    8. jumala ei auta hittojakaan..

      kuka tahansa voi kirjottaa lapulle mitä vaan ja väittää että jumala olisi sen kirjoittanut... onko yksikään raamatun kir
      Sinkut
      204
      463
    9. Onneksi en ole riippuvainen Kuhmo Oy:stä

      Lähinnä naurattaa, kun ylipainoiset, punakat kuljetus ja muutkin yrittäjät yrittävät lohdutella itseään uuden omistajan
      Kuhmo
      6
      437
    10. Mikä on mielestäsi keskustelupalstan tarkoitus?

      Tuolla toisessa ketjussa kävi ilmi jotain minkä itse koen hieman hassuksi. Nykypäivänä yllättävän moni ilmeisesti kokee,
      Sinkut
      169
      434
    Aihe