CSS3 [atrybut$=wartość] selektor

Definicja i użycie

CSS [atrybut$=wartość] Selektor używany do dopasowywania każdego elementu o wartości atrybutu kończącej się podaną wartością.

Przykład

Przykład 1

Ustaw styl dla wszystkich elementów <div> z atrybutem class zakończonym na "test":

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

Spróbuj sam

Przykład 2

Ustaw styl dla wszystkich elementów z atrybutem class zakończonym na "test":

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

Spróbuj sam

Gramatyka CSS

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

Szczegóły techniczne

Wersja: CSS3

Wsparcie przeglądarek

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

Chrome Edge Firefox Safari Opera
4.0 7.0 3.5 3.2 9.6

Powiązane strony

CSS教程:Wybieracz atrybutów w CSS

CSS教程:Szczegółowe wyjaśnienie selektorów atrybutów CSS