Druzya.org
Возьмемся за руки, Друзья...
 
 
Наши Друзья

Александр Градский
Мемориальный сайт Дольфи. 
				  Светлой памяти детей,
				  погибших  1 июня 2001 года, 
				  а также всем жертвам теракта возле 
				 Тель-Авивского Дельфинариума посвящается...

 
liveinternet.ru: показано количество просмотров и посетителей

Библиотека :: Компьютеры и Программирование :: Влад Мержевич - Справочник по CSS
<<-[Весь Текст]
Страница: из 123
 <<-
 
Соседние селекторы
Описание
Соседними называются элементы веб-страницы, когда они следуют непосредственно 
друг за другом в коде
документа.
Синтаксис
E + F { Описание правил стиля }
Для управления стилем соседних элементов используется символ плюса (+), который 
устанавливается
между двумя селекторами E и F. Пробелы вокруг плюса не обязательны. Стиль при 
такой записи
применяется к элементу F, но только в том случае, если он является соседним для 
элемента E и следует
сразу после него. Рассмотрим несколько примеров.

Lorem ipsum dolor sit amet.

Тег является дочерним по отношению к тегу

, поскольку он находится внутри этого контейнера. Соответственно

выступает в качестве родителя .

Lorem ipsum dolor sit 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
 
<<-[Весь Текст]
Страница: из 123
 <<-