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

Селектор по вредности атрибута омогућава одабир елемената према присуству одређеног атрибута или његовој вредности и примену потребног стила на њих.

Пример

Хајде да се обратимо тегу input, чија је вредност атрибута type једнака text, и задамо му светло плаву боју позадине:

html<p>
  <label>Унеси текст</label>
  <input type="text">
</p>
<p>
  <label>Унеси број</label>
  <input type="number">
</p>
cssinput[type="text"] {
  background-color: #C2DDFD;
}

Результат:

Погледајте такође

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