Селектор по једној од вредности атрибута

Селектор по једној од вредности атрибута дефинише стил за елемент који у атрибуту има бар једну од наведених вредности. При томе све вредности атрибута морају бити раздвојене размаком.

Пример

Хајде да пронађемо све <p> који садрже у једној од вредности test, и да их преобличимо у плаву боју:

html<p class="test main">text1</p>
<p class="text">text2</p>
<p class="tag test">text3</p>
cssp[class~="test"] {
  color: blue;
}

Результат:

Видите такође

  • селектор атрибута,
    који тражи елемент по имену атрибута
  • селектор атрибута,
    који тражи елемент по вредности атрибута
  • селектор атрибута,
    који тражи елемент по почетку вредности атрибута
  • селектор атрибута,
    који тражи елемент по крају вредности атрибута
  • селектор атрибута,
    који тражи елемент по тексту у вредности атрибута
  • селектор атрибута,
    који тражи елемент по црти у вредности атрибута
  • Дете селектор,
    који омогућава да се изаберу елементи по непосредном улажењу
  • Контекстуални селектор,
    који омогућава да се изабере елемент по његовом родитељу
  • Суседни селектор,
    који омогућава да се изабере елемент по његовом суседу
  • Брачни селектор,
    који омогућава да се изаберу елементи након задатог
  • Универзални селектор,
    који омогућава да се изаберу сви елементи