3. Seçiciler 33 CSS'in güçlü olmasının en büyük nedeni (X)HTML elemanları arasındaki ilişkiden yararlanmasıdır. (X)HTML dokümanları gizli bir hi

3. Seçiciler 33 CSS'in güçlü olmasının en büyük nedeni (X)HTML elemanları arasındaki ilişkiden yararlanmasıdır. (X)HTML dokümanları gizli bir hiyerarşi ile oluşturulur. Bu hiyerarşi içinde tüm (X)HTML elemanları kendilerine uygun bir yer bulur. Bu ilişkiyi biz insanların soy ağacına benzete biliriz. Yukarıdaki HTML kodunun soyağacını çıkarırsak: Şekil3.3 XHTML doküman hiyerarşisi Yukarıdaki (X)html yapısını bir soy ağacı gibi düşünüp değerlendirirsek: Bir elemanın ebeveyn(anne-baba) olduğunu anlamak için o elemanın altında başka eleman olup olmadığına bakmalıyız, eğer varsa o eleman ebeveyndir. Yukarıdaki şekilde p elemanına dikkat edelim. p bir ebeveyndir çünkü altında em ve strong elemanları bulunmaktadır. strong da bir ebeveyndir ki onun altında a elemanı vardır. Bir elemanın çocuk eleman olduğunu anlamak için de üstünde bir elemanın olup olmadığına bakarız. Yani yukarıda anlattığımız ebeveyn olayının tersi. Buna göre strong elemanı p elemanının bir çocuğudur. Daha karmaşık yapılarda ata(ancestor) ve torun(descendant) ilişkisi vardır. Aradaki fark eğer bir eleman diğer elemanın tam olarak bir seviye üstünde ise ona ata diğeride torun durumundadır. Yukarıdaki şekli