Atribut nomi bo‘yicha selektor

Atribut nomi bo‘yicha selektor faqat ko‘rsatilgan atributga ega bo‘lgan tegga uslubni belgilaydi.

Misol

Keling, <input> tegiga, type atributi bilan murojaat qilaylik, va unga ko‘k rangli fon beraylik:

html<p>
  <label>Matn kiriting</label>
  <input>
</p>
<p>
  <label>Raqam kiriting</label>
  <input type="number">
</p>
cssinput[type] {
  background-color: #C2DDFD;
}

Результат:

Shuningdek qarang

  • atribut selektori,
    elementni atribut qiymati bo‘yicha qidiradi
  • atribut selektori,
    elementni atribut qiymatining boshlang‘ichi bo‘yicha qidiradi
  • atribut selektori,
    elementni atribut qiymatining oxiri bo‘yicha qidiradi
  • atribut selektori,
    elementni atribut qiymatidagi matn bo‘yicha qidiradi
  • atribut selektori,
    elementni atributning biror qiymati bo‘yicha qidiradi
  • atribut selektori,
    elementni atribut qiymatidagi defis bo‘yicha qidiradi
  • Farzand selektor,
    elementlarni bevosita ichki joylashuviga ko‘ra tanlash imkonini beradi
  • Kontekstli selektor,
    elementni uning ota-onasi (parent) bo‘yicha tanlash imkonini beradi
  • Qo‘shni selektor,
    elementni uning qo‘shnisi bo‘yicha tanlash imkonini beradi
  • Qarindosh selektor,
    berilgan elementdan keyingi elementlarni tanlash imkonini beradi
  • Universal selektor,
    barcha elementlarni tanlash imkonini beradi