Atributning bir qiymati bo‘yicha selektor

Atributning bir qiymati bo‘yicha selektor atributida ko‘rsatilgan qiymatlarning kamida bittasi bo‘lgan elementga uslubni belgilaydi. Bunda atributning barcha qiymatlari bo‘shliq bilan ajratilgan bo‘lishi kerak.

Misol

Keling, <p> teglaridan qiymatlaridan birida test bo‘lganlarini topamiz va ularning rangini ko‘k rangga o‘zgartiramiz:

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

Результат:

Shuningdek qarang

  • atribut selektori,
    bu atribut nomi bo‘yicha elementni qidiradi
  • atribut selektori,
    bu atribut qiymati bo‘yicha elementni qidiradi
  • atribut selektori,
    bu atribut qiymatining boshlanishi bo‘yicha elementni qidiradi
  • atribut selektori,
    bu atribut qiymatining oxiri bo‘yicha elementni qidiradi
  • atribut selektori,
    bu atribut qiymatidagi matn bo‘yicha elementni qidiradi
  • atribut selektori,
    bu atribut qiymatidagi defis bo‘yicha elementni qidiradi
  • Farzand selektor,
    bu bevosita ichki joylashgan elementlarni tanlash imkonini beradi
  • Kontekst selektor,
    bu elementni uning ota-onasi bo‘yicha tanlash imkonini beradi
  • Qo‘shni selektor,
    bu elementni uning qo‘shnisi bo‘yicha tanlash imkonini beradi
  • Qarindosh selektor,
    bu berilgandan keyingi elementlarni tanlash imkonini beradi
  • Universal selektor,
    bu barcha elementlarni tanlash imkonini beradi