logo
Web / Методичка по WEB

5.2.8 Составные селекторы. Комбинаторы

Составные селекторы очень удобны, так как они позволяют выбирать элементы на основании их размещения в дереве документа. То есть при выборе можно, например, манипулировать такими понятиями как «является потомком», «следует за», «лежит непосредственно внутри». Если учесть, что вид и количество простых селекторов, связываемых комбинаторами, никто не ограничивает, то становится понятно, какой мощный инструмент вложили в наши руки разработчики CSS. Используя составные селекторы можно, допустим, задать стили для ссылки, на которую навели мышкой, внутри абзаца, который расположен сразу за заголовком h1. Для комбинации селекторов используются символы представленные в таблице 5.1.

Таблица 5.1 – Табличка комбинаторов

Обозначение

Название соответствующего селектора

Версия CSS

пробел

селектор потомка

2

>

селектор дочерних элементов

2

+

селектор сестринского элемента

2

~

селектор обобщенных родственных элементов

3