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;
}