На диаграмме показан пример дерева документа.
Корневой узел (HTML) находится вверху. У него два дочерних элемента: HEAD и BODY. У HEAD имеется дочерний элемент: TITLE. У BODY имеется три дочерних элемента: H1, P и UL. В UL есть три узла LI.
Если представить это в виде каскада, то каждая . будет означать дополнительный уровень, что даст:
HTML .HEAD ..TITLE .BODY ..H1 ..P ..UL ...LI ...LI ...LI