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] #
Oli se aika hauska.