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;


}