Bir elementin diger elementleri kendi içerisinde barindirdigi yapiya soy denir. Ayni soydaki elementler benzer özelliklerini birbirlerine devrederler. Bu yapiya ait özellikleri üzerinden elementlere ulasmak için soy birlestirici adi verilen seçiciler tanimlanmistir.

CSS Kodu:

ul li {color:green;}

Html Kodu:

<ul>

       <li>Manzara Resimleri</li>

       <li>Komik Resimler</li>

</ul>

- Torunlari belirtmek için de iki tarafindan da bosluk karakteri olan yildiz (*) kullanilir.

CSS Kodu:

table * td{color:green;}

Html Kodu:

<table>

<tr>

      <td>Alis Nerede?</td>

</tr>

</table>