Атрибутнинг бирорта қийматига кўра селектор

Атрибутнинг бирорта қийматига кўра селектор атрибутида кўрсатилган қийматларнинг камида биттаси мавжуд бўлган элементга uslubни белгилайди. Бунда атрибутнинг барча қийматлари бўшлиқ билан ажратилиши шарт.

Мисол

Барча <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;
}

Результат:

Шунингдек қаранг

  • атрибут селектори,
    у элементни атрибут номи бўйича излайди
  • атрибут селектори,
    у элементни атрибут қиймати бўйича излайди
  • атрибут селектори,
    у элементни атрибут қийматининг боши бўйича излайди
  • атрибут селектори,
    у элементни атрибут қийматининг охири бўйича излайди
  • атрибут селектори,
    у элементни атрибут қийматидаги матн бўйича излайди
  • атрибут селектори,
    у элементни атрибут қийматидаги дефис бўйича излайди
  • Фарзанд селектор,
    у элементларни бевосита ички элемент сифатида танлаш имкони беради
  • Контекстли селектор,
    у элементни унинг ота-онаси бўйича танлаш имкони беради
  • Қўшни селектор,
    у элементни унинг қўшниси бўйича танлаш имкони беради
  • Қариндош селектор,
    у белгиланган элементдан кейинги элементларни танлаш имкони беради
  • Умумий селектор,
    у барча элементларни танлаш имкони беради