Справочник по CSS : Тематический указатель : Селекторы : Селекторы атрибутов : Suffix [$=]
смотрим также
Материал из Справочник Web-языков
Содержание |
Селектор атрибута Suffix [$=]
Задает суффикс, которым заканчивается значение атрибута.
Синтаксис
HTML | [att$=val] { sRules } |
Скрипты | N/A |
Используемые значения
- att
- Должен быть или Идентификатором, или Строковым значением.
- val
- Должен быть или Идентификатором, или Строковым значением.
- sRules
- Строковое значение, которое определяет одну или более CSS-пару атрибут/значение.
Замечания
Селектор атрибута Suffix (Суффикс) применяется ко всем элементам, чей атрибут att имеет значение, заканчивающееся символом, заданным в val.
Помните, что атрибуты чувствительны к регистру. Будьте внимательны при их описании.
Селектор атрибута Prefix доступен в Internet Explorer, начиная с версии 7.
Примеры
В примере используется селектор атрибута Suffix [$=]. Стилевое правило будет применяться только для тех объектов, значение атрибута которых заканчивается буквой n.
<style> .test { display:none; } [attr$="n"] { display:block; } </style> <div class="test" attr="Green">Эксперимент для [$=] (Suffix) проведен.</div>
Стандарты
Этот селектор определен в Cascading Style Sheets (CSS), Level 3 (CSS3)
Поддерживаемые браузеры
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, Prefix [^=] Attribute Selector, Type Selector, Universal (*) Selector, Whitespace [~=] Attribute Selector
Ссылки на источники
https://msdn.microsoft.com/en-us/library/aa770075(VS.85).aspx