CSS selector [title~=flower]
Селектор [attribute~=value
використовується для вибірки елемента, у якого значення атрибута містить вказане слово.
Одному елементу в CSS дозволено задавати декілька класів, розділяючи їх пропуском. Тобто селектор [attribute~=value]
обире елемент з attribute="value"
та attribute="value full"
, але не зреагує на attribute="value-full"
.
Синтаксис
[attribute ~= value] {
css declarations;
}
Переглядачі
Переглядач | |||||
---|---|---|---|---|---|
attribute-value-contains | 4.0 |
7.0 |
2.0 |
3.1 |
9.6 |
Мобільних переглядачів ще не додано.
Мобільних переглядачів ще не додано.
Приклади
Обирає всі елементи з атрибутом title
в яких міститься слово flower і задає їх стиль
[title~=flower] {
background-color: yellow;
}