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

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

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

Содержание 1 Селектор атрибута Whitespace [~=] 2 Синтаксис 3 Используемые значения 4 Замечания 5 Примеры 6 Стандарты 7 Поддерживаемые браузеры 8 Смотрите также 9 Ссылки на источники

Селектор атрибута 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

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

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