Keskustelu: Nettisivujen teko: CSS-merkintöjen erot

Moi

Mitä eroa on seuraavilla merkinnöillä?

ul#x

#x ul

Tarkoittaako ensimmäinen ul-elementtiä x id:llä, ja seuraava jotain elementtiä id:llä #x jonka sisällä on ul?

Joo, jos tulkitsin oikein, mitä yrität sanoa.

Selvä, kiitos.

Pieni, mutta oleellinen tarkennus: jälkimmäinen ei viittaa siihen elementtiin jonka id on x ja jolla on jälkeläinen (descendant) ul vaan toisin päin. Se viittaa jokaiseen ul-elementtiin jolla on vanhempi tai esivanhempi (ancestor) jonka id on x.

Meneepäs hankalaksi muuttaa säännöt suomeksi. Onkohan noille descendant ja ancestor -sanoille jotain osuvampia käännöksiä olemassa?

Ei kai siinä ole muuta kuin ilmaisutavan vaihto, eli vaihtaa kääntämisen suomentamiseen. Tämä helpottaa joissakin tapauksissa huomattavasti asian ilmaisua, kun suorien sanakäännösten sijaan voikin "vain" tuoda asian esille.

Esimerkin vuoksi:

ul#x

Sääntö kohdistuu ul-elementtiin, jonka id on x.

#x ul

Sääntö kohdistuu jokaiseen ul-elementtiin missä tahansa #x:n sisällä (ei siis siten että se kohdistuisi elementtiin #x, jonka sisällä on olemassa ul-elementti).

#x > ul

Sääntö kohdistuu jokaiseen ul-elementtiin, joka on #x:n suora lapsi.