CSS'da atributlar selektori nima?

CSS'dagi atribut selektori HTML elementlarini ma'lum bir atributning mavjudligi yoki qiymati asosida tanlash imkonini beradi. Bu, masalan, ma'lum href ga ega bo'lgan linklar yoki checkbox turi bo'lgan inputlarga uslublarni qo'llashda qulaydir.

Foydalanish misoli:

/* title atributiga ega bo'lgan barcha elementlarni tanlash */
[title] {
  color: blue;
}

/* type="text" bo'lgan barcha inputlarni tanlash */
input[type="text"] {
  border: 1px solid #ccc;
}

/* href https bilan boshlanadigan barcha linklarni tanlash */
a[href^="https"] {
  font-weight: bold;
}

Shunday qilib, atribut selektorlar uslublash imkoniyatlarini kengaytiradi, elementlarni atributlariga qarab maqsadli tanlash imkonini beradi.