Čo je to selektor atribútov v CSS?

CSS selektor atributov umožňuje vybrať HTML prvky na základe prítomnosti alebo hodnoty určitého atribútu. Je to užitočné, keď chcete aplikovať štýly na prvky s konkrétnymi atribútmi, napríklad odkazy s určitým href alebo inputy typu checkbox.

Príklad použitia:

/* Vybrať všetky prvky s atribútom title */
[title] {
  color: blue;
}

/* Vybrať všetky inputy s type="text" */
input[type="text"] {
  border: 1px solid #ccc;
}

/* Vybrať všetky odkazy, ktorých href začína na https */
a[href^="https"] {
  font-weight: bold;
}

Týmto spôsobom rozširujú selektory atribútov možnosti štýlovania, umožňujúc cielené zameranie na prvky podľa ich atribútov.