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	2.0	3.1	9.6	7.0

Мобільних переглядачів ще не додано.

Приклади

+ запропонувати свій приклад у пісочниці

<p title="flower rose">title="flower rose" — жовтий: є слово "flower"</p>
<p title="sunflower">title="sunflower" — без змін: слово інше</p>

[title~=flower] {
    background-color: yellow;
}