Справочник по CSS : Тематический указатель : Селекторы : Селекторы атрибутов : Whitespace [~=]

смотрим также

Материал из Справочник Web-языков

Перейти к: навигация, поиск


Содержание

Селектор атрибута Whitespace [~=]

Определяет значение, которому должно соответствовать одно из значений атрибута.

Синтаксис

HTML [att~=val] { sRules }
Скрипты N/A

Используемые значения

att
Должен быть или Идентификатором, или Строковым значением.
val
Должен быть или Идентификатором, или Строковым значением.
sRules
Строковое значение, которое определяет одну или более CSS-пару атрибут/значение.

Замечания

Селектор атрибута Whitespace (Пробел) применяется ко всем элементам, чей атрибут att имеет значение, которое состоит из списка слов, одно из которых соответствует val.

Значение val не может содержать пробелы, т.к. сами значения атрибута в элементе перечислены через пробелы.

Помните, что атрибуты чувствительны к регистру. Будьте внимательны при их описании.

Селектор атрибута Whitespace доступен в Internet Explorer, начиная с версии 7.

Примеры

В примере используется селектор атрибута Whitespace [~=]. Стилевое правило будет применяться только для тех объектов, значение атрибута которых содержит слово Two.

<style>
    .test         { display:none; }
    [attr~="Two"] { display:block; }
</style>

<div class="test" attr="One Two Three">Эксперимент для [~=] (Whitespace) проведен.</div>

Стандарты

Этот селектор определен в CSS, Level 2 Revision 1 (CSS2.1)

Поддерживаемые браузеры

Internet Explorer 7.0, 8.0

Opera 7.0, 8.0, 9.2, 9.5, 10.0

Safari 1.3, 2.0, 3.1

Firefox 1.5, 2.0, 3.0

Смотрите также

Class Selector, Equality [=] Attribute Selector, Existence [] Attribute Selector, ID Selector, Hyphen [|=] Attribute Selector, Substring [*=] Attribute Selector, Suffix [$=] Attribute Selector, Type Selector, Universal (*) Selector, Prefix [^=] Attribute Selector

Ссылки на источники

http://msdn.microsoft.com/en-us/library/aa770078(VS.85).aspx

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="http://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования