Комбинаторы

Комбинатор ставится между составными частями селектора комбинированного стиля и указывает, где должен находиться тег, определяемый второй составной частью, относительно тега, который указывается первой составной частью. Все комбинаторы, поддерживаемые CSS, перечислены далее.

 <составная часть 1><пробел><составная часть 2> — соответствует тегу, опреде-

ляемому составной частью 2, который вложен в тег, определяемый составной частью 1, не обязательно непосредственно. Собственно, этот комбинатор нам уже знаком — он используется для разделения составных частей селектора в комбинированном стиле и является своего рода комбинатором по умолчанию.

Так, селектор p strong соответствует тегу <STRONG>, так или иначе вложенному в тег <P>. При этом данный селектор будет соответствовать тегу <STRONG>, даже если он, например, вложен в тег <EM> (для достижения эффекта полужирного курсивного шрифта), который, в свою очередь, вложен в тег <P>.

 <составная часть 1> > <составная часть 2> — соответствует тегу, определяемо-

му составной частью 2, который непосредственно вложен в тег, определяемый

составной частью 1.

Так, селектор p > strong соответствует тегу <STRONG>, непосредственно вложенному в тег <P>. Если тег <STRONG> не вложен в тег <P> непосредственно (например, в тег <P> вложен тег <EM>, а уже в него вложен тег <STRONG>), данный селектор уже не будет ему соответствовать.

 <составная часть 1> + <составная часть 2> — соответствует тегу, определяемо-

му составной частью 2, который непосредственно следует за тегом, определяемым составной частью 1. При этом оба тега должны быть соседями, т. е. иметь одного родителя.