CSS [atrybut|=wartość] Selektor

Definicja i użycie

CSS [atrybut|=wartość] Selektor jest używany do wyboru elementów, które mają określony atrybut i jego wartość jest kompletnie zgodna lub zaczyna się od określonej wartości połączonej z myślnikiem (−).

Uwaga:Wartość musi być pełnym słowem, może pojawić się samodzielnie, np. lang="en", lub może być połączona z myślnikiem (−), np. lang="en-us".

Przykład

Przykład 1

Wybierz i ustaw styl elementów, które mają wartość atrybutu lang "en" lub "en-":

[lang|="en"] {
  background-color: yellow;
}

Spróbuj sam

Przykład 2

Wybierz i ustaw styl elementów, które mają wartość atrybutu class "top" lub "top-":

[class|="top"] {
  background-color: yellow;
}

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.