2.1. Использование контекстуальных селекторов Контекстуальным (contextual) селекторомназывается селектор, в котором имя элемента может предваряться именами одного или нескольких элементов-предков (родительский, родительский плюс родительский родителя и т.д.). В этом случае правило будет применено только к элементам с этим именем, которые являются вложенными подобным образом. Между именами элементов в контекстном селекторе ставят только пробелы.
Родовым селектором(generic) называется селектор, который не включает имен элементов-предков.
Если определенное свойство для одного и того же элемента имеет одну установку в правиле с контекстуальным селектором, и другую установку в правиле с родовым селектором, установка в правиле с контекстуальным селектором доминирует, поскольку является более конкретизированной.
Например, фрагмент программного кода XML-документа, где - корневой элемент:
Santa Fe New Mexico
California
Правила присоединенной таблицы стилей:
CITY STATE
{font-style:normal}
STATE
{font-style:italic}
В результате браузер отформатирует "New Mexico" обычным шрифтом, а "California" - курсивом.