La notion d'arbre (avec des ancêtres et des descendants) est très utilisée dans les sélecteurs CSS.
Pour comprendre cette notion il faut raisonner sur l'arbre formé par les éléments HTML d'un document.

Voici un exemple d'arbre:

x
Le <a> à gauche est fils (descendant direct) de <h1>
Le <a> à droite est descendant (indirect) de ul.