Комбинирование селекторов

7. Комбинирование селекторов

Селекторы можно комбинировать, образуя сложные выражения для отбора нужных элементов HTML. Рассмотрим несколько примеров.

Файл style.css

.quote P.first EM
{
  color:red;
}

Это определение относится только к тем элементам EM, которые вложены в абзацы с классом first, которые, в свою очередь, являются потомками элемента с классом quote.

Файл index.htm

Файл style.css

#block .def P DFN, EM 
{
  color:red;
}

Это определение относится ко всем элементам EM, независимо от их расположения в коде, а также к элементам DFN, которые вложены в абзацы, находящиеся внутри элемента с классом def, который, в свою очередь, является потомком элемента с идентификатором block.

Файл index.htm