CSS3 [atrybut^=wartość] selektor

Definicja i użycie

CSS [atrybut^=wartość] Selektor używany do dopasowywania każdego elementu, dla którego wartość atrybutu zaczyna się od określonej wartości.

Przykład

Przykład 1

Ustaw kolor tła dla wszystkich elementów <div>, dla których wartość atrybutu class zaczyna się od "test":

div[class^="test"] {
  background: baranina;
}

Spróbuj sam

Przykład 2

Ustaw kolor tła dla wszystkich elementów, dla których wartość atrybutu class zaczyna się od "test":

[class^="test"] {
  background: baranina;
}

Spróbuj sam

Gramatyka CSS

[atrybut ^= wartość] {
  deklaracje css;
}

Szczegóły techniczne

Obsługa przeglądarek

Liczby w tabeli oznaczają pierwszą wersję przeglądarki, która w pełni obsługuje ten selektor.