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