Moi
Mulla on yks div joka on class, sen sisällä on neljä linkkiä, joilla kaikilla on oma id. Näille id:lle on säädetty jokaiselle oma height ja width.
Miten saan classin taustakuvan muuttumaan, kun vien hiiren id:n päälle. Seuraava koodi muuttaa vain id:n taustakuvan kun vien hiiren sen päälle, eikä classin.
.moi #hei:hover { background: url(kuva.png) no-repeat; }
Apuaa
Mulla on yks div joka on class, sen sisällä on neljä linkkiä, joilla kaikilla on oma id. Näille id:lle on säädetty jokaiselle oma height ja width.
Miten saan classin taustakuvan muuttumaan, kun vien hiiren id:n päälle. Seuraava koodi muuttaa vain id:n taustakuvan kun vien hiiren sen päälle, eikä classin.
.moi #hei:hover { background: url(kuva.png) no-repeat; }
Apuaa
Vastaukset 3
Vanhimmat
Noi voi olla välillä aika hankalia, tai voi olla helppoakin. Lueskele nyt vaikka aluksi seuraavaa:
http://www.w3.org/TR/2001/CR-css3-selectors-20011113/
Pitää sitten tietää mitä tarkoittaa child ja parent. Ja lisäksi on hyvä huomioida, ettei kaikki selaimet hanskaa noita alkuunkaan.
Miksi ihmeessä CSS:ää käytännössä käyttävän kannattaisi lukea CSS 3 -luonnosta, jota ei ole edes missään hyväksytty saati toteutettu?
(Joitakin osia siitä on toteutettu, mutta sitähän luonnos ei kerro.)
Ja miksi lukea vuodelta 2001 olevaa luonnosta, kun uudempikin on?
Turhautat vain muitakin kun et kerro yritelmäsi URLia.
Ihan aluksi voisi sanoa, että ns. standardien mukainen selain ei välitä mitään linkille asettamastasi width- ja height-ominaisuudesta, jos et aseta sille eräitä muita ominaisuuksia.
Käsitteesi ovat myös sekaisin: ei id ole jotain, jonka päälle jotain viedään jne.
Ja sikäli kuin kysymyksestäsi voi arvata, mitä oikeastaan olet tehnyt, niin CSS-koodin pätkäsi toimii ihan sen mukaan mitä olet kirjoittanut – ei siis sen mukaan, mitä olet ajatellut. Oletat väärin, kun oletat, että elementin taustakuvan muuttaminen muuttaisi sitä ympäröivän elementin (parent element) taustakuvan.