Co je to selektor atributů v CSS?

Selektor atributů v CSS umožňuje vybírat HTML prvky na základě přítomnosti nebo hodnoty určitého atributu. To je užitečné, když chcete aplikovat styly na prvky s konkrétními atributy, například odkazy s určitým href nebo inputy typu checkbox.

Příklad použití:

/* Vybrat všechny prvky s atributem title */
[title] {
  color: blue;
}

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

/* Vybrat všechny odkazy, jejichž href začíná na https */
a[href^="https"] {
  font-weight: bold;
}

Tímto způsobem rozšiřují selektory atributů možnosti stylování, umožňují cílené zaměření na prvky podle jejich atributů.