Соседние селекторы
Описание
Соседними называются элементы веб-страницы, когда они следуют непосредственно
друг за другом в коде
документа.
Синтаксис
E + F { Описание правил стиля }
Для управления стилем соседних элементов используется символ плюса (+), который
устанавливается
между двумя селекторами E и F. Пробелы вокруг плюса не обязательны. Стиль при
такой записи
применяется к элементу F, но только в том случае, если он является соседним для
элемента E и следует
сразу после него. Рассмотрим несколько примеров.
Lorem ipsum dolor sit amet.
Тег является дочерним по отношению к тегу
, поскольку он находится
внутри этого контейнера.
Соответственно
выступает в качестве родителя .
Lorem ipsum dolorsit amet.
Теги и никак не перекрываются и представляют собой соседние элементы.
То, что они
расположены внутри контейнера
, не влияет на их отношение.
Lorem ipsum dolor sit amet, consectetuer adipiscing
elit.
Соседними здесь являются теги и , а также и . При этом и
к соседним
элементам не относятся из-за того, что между ними расположен контейнер .
Пример
Соседние селекторы
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Браузеры
Браузер Internet Explorer 7 не применяет стиль, если между селекторами
располагается комментарий (B + /*
плюс */ I).
Internet Explorer Netscape Opera Safari Firefox
6.0 7.0 8.0 8.0 9.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Нет Ошибки Да Да Да Да Да Да Да Да Да Да Да Да
HTML 4.01 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
Селекторы параметров
Описание
Многие теги различаются по своему действию в зависимости от того, какие в них
используются параметры. Например, тег
может создавать кнопку, текстовое поле и другие элементы формы всего
лишь за счет изменения значение
параметра type. При этом добавление правил стиля к селектору INPUT применит
стиль одновременно ко всем созданным с
помощью этого тега элементам. Чтобы гибко управлять стилем подобных элементов,
в CSS введены селекторы
параметров (называемые также селекторы атрибутов). Они позволяют установить
стиль тега по присутствию
определенного параметра или его значения.
Простой селектор параметра
Описание
Устанавливает стиль для элемента, если задан специфичный параметр тега. Его
значение в данном случае не важно.
Синтаксис
[параметр] { Описание правил стиля }
E[параметр] { Описание правил стиля }
Стиль применяется к тем тегам, внутри которых добавлен указанный параметр.
Пробел между именем селектора и
квадратными скобками не допускается.
Пример 1