Категория > Справочник CSS > Соседние селекторы - A + B
Соседние селекторы - A + B23-03-2016, 13:25. Автор: Administrator |
||||||||||||||||||||||||
Версии CSS
ОписаниеСоседними называются элементы веб-страницы, когда они следуют непосредственно друг за другом в коде документа. СинтаксисE + F { Описание правил стиля } Для управления стилем соседних элементов используется символ плюса (+), который устанавливается между двумя селекторами E и F. Пробелы вокруг плюса не обязательны. Стиль при такой записи применяется к элементу F, но только в том случае, если он является соседним для элемента E и следует сразу после него. Рассмотрим несколько примеров. <p>Lorem ipsum <b>dolor</b> sit amet.</p> Тег <b> является дочерним по отношению к тегу <p>, поскольку он находится внутри этого контейнера. Соответственно <p> выступает в качестве родителя <b>. <p>Lorem ipsum <b>dolor</b> <var>sit</var> amet.</p> Теги <var> и <b> никак не перекрываются и представляют собой соседние элементы. То, что они расположены внутри контейнера <p>, не влияет на их отношение. <p>Lorem <b>ipsum </b> dolor sit amet, <i>consectetuer</i> adipiscing <tt>elit</tt>.</p> Соседними здесь являются теги <b> и <i>, а также <i> и <tt>. При этом <b> и <tt> к соседним элементам не относятся из-за того, что между ними расположен контейнер <i>. Пример HTML5CSS 2.1IECrOpSaFx
Результат данного примера показан на рис. 1.
Рис. 1. Красный цвет текста для соседних селекторов БраузерыБраузер Internet Explorer 7 не применяет стиль, если между селекторами располагается комментарий (B + /* плюс */ I). Перейти обратно к новости |