Selectori de atribute CSS. Selector CSS [attribute^="value"]. Selector CSS [attribute$="value"].

Selector CSS [attribute^="value"]

Selectorul [attribute^="value"] este utilizat pentru a selecta elemente a căror valoare de atribut începe cu o valoare specificată.

Următorul exemplu selectează toate elementele cu o valoare de atribut class care începe cu "top":

Notă: Valoarea nu trebuie să fie un cuvânt întreg!

Exemplu:

[class^="top"] {
  background: yellow;
}

Selector CSS [attribute$="value"]

Selectorul [attribute$="value"] este utilizat pentru a selecta elementele a căror valoare de atribut se termină cu o valoare specificată.

Următorul exemplu selectează toate elementele cu valoarea de atribut class care se încheie cu "test":

Notă: Valoarea nu trebuie să fie un cuvânt întreg!

Exemplu:

[class$="test"] {
  background: yellow;
}