CSS:n peräkkäisvalitsimien ketjuttaminen
#2363. Perjantai, 18. elokuuta 2006 klo 22.57.34, kirjoittanut Jani. 6
Hei, adjacent sibling selectoreita voi ketjuttaa! Näin: #
.primary p.source p, .primary p.source p p {
font-size:80%;
margin-top: 0;
margin-bottom: 0;
}
Silloin valinta koskettaa paitsi kaikkia sellaisia <p>-elementtejä, joita välittömästi edeltää source-luokkaan kuuluva <p>-elementti, joka on primary-luokkaan kuuluvan elementin descendant-elementti, myös kaikkia sellaisia <p>-elementtejä, joita välittömästi edeltää <p>-elementti, jota välittömästi edeltää source-luokkaan kuuluva <p>-elementti, joka on primary-luokkaan kuuluvan elementin descendant-elementti. Eikö olekin siistiä? #
Joo, olen nörtti. #
Tässä hyvitykseksi kuva Hopeanuolen pojasta, Weedistä: #
[muokkaukset]
[muokkaus][klo]19.8. 9:08[/klo] Jokin oli hävittänyt koko merkinnän loppupuolen (niin kuin kerrostalopalomerkinnän kanssa kävi taannoin), joten jouduin kirjoittamaan sen kokonaan uusiksi muistinvaraisesti. Muutin myös otsikkoa (jälkeläisvalitsimien → peräkkäisvalitsimien).[/muokkaus]
[/muokkaukset] #