Atribut adına görə selektor

Atribut adına görə selektor yalnız göstərilən atributu olan teq elementinə stil təyin edir.

Nümunə

Gəlin <input> teqinə, type atributu ilə baxaq və onun arxa plan rəngini mavi edək:

html<p>
  <label>Mətni daxil edin</label>
  <input>
</p>
<p>
  <label>Rəqəmi daxil edin</label>
  <input type="number">
</p>
cssinput[type] {
  background-color: #C2DDFD;
}

Результат:

Həmçinin bax

  • atribut selektoru,
    elementi atributun dəyərinə görə axtarır
  • atribut selektoru,
    elementi atribut dəyərinin başlanğıcına görə axtarır
  • atribut selektoru,
    elementi atribut dəyərinin sonuna görə axtarır
  • atribut selektoru,
    elementi atribut dəyərindəki mətnə görə axtarır
  • atribut selektoru,
    elementi atributun dəyərlərindən birinə görə axtarır
  • atribut selektoru,
    elementi atribut dəyərindəki defisə görə axtarır
  • Uşaq selektoru,
    elementləri birbaşa iç-içəliyə görə seçməyə imkan verir
  • Kontekst selektoru,
    elementi onun valideyninə görə seçməyə imkan verir
  • Qonşu selektor,
    elementi onun qonşusuna görə seçməyə imkan verir
  • Qohum selektor,
    verilmiş elementdən sonrakı elementləri seçməyə imkan verir
  • Universal selektor,
    bütün elementləri seçməyə imkan verir