Kas ir atribūtu selektors CSS?

CSS atribūtu selektors ļauj izvēlēties HTML elementus, pamatojoties uz konkrēta atribūta klātbūtni vai vērtību. Tas ir noderīgi, ja vēlaties piemērot stilus elementiem ar konkrētiem atribūtiem, piemēram, saitēm ar noteiktu href vai ievades laukiem ar tipu checkbox.

Piemērs:

/* Izvēlēties visus elementus ar atribūtu title */
[title] {
  color: blue;
}

/* Izvēlēties visus input ar type="text" */
input[type="text"] {
  border: 1px solid #ccc;
}

/* Izvēlēties visus saites, kuru href sākas ar https */
a[href^="https"] {
  font-weight: bold;
}

Tādējādi atribūtu selektori paplašina stila pielietošanas iespējas, ļaujot mērķēt uz elementiem pēc to atribūtiem.