Справочник по 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
Ссылки на источники
https://msdn.microsoft.com/en-us/library/aa770078(VS.85).aspx