CSS [attribute=wartość] Selektor

Definicja i użycie

CSS [attribute=wartość] Selektor jest używany do wyboru elementów mających określony atrybut i jego wartość dokładnie pasującą.

Przykład

Przykład 1

Wybierz i ustaw styl dla wszystkich elementów <a> o atrybucie target="_blank". Jednocześnie wybierz i ustaw styl dla wszystkich elementów <p> o atrybucie lang="it":

a[target="_blank"] {
  kolor-tła: żółty;
}
p[lang="it"] {
  kolor-tła: baranina;
}

Spróbuj sam

Przykład 2

Ustaw szerokość elementu <input type="text"> na 100px. Jednak gdy uzyskuje on fokus, jego szerokość ustawia się na 250px:

input[type="text"] {
  szerokość: 100px;
}
input[type="text"]:focus {
  szerokość: 250px;
}

Spróbuj sam

Gramatyka CSS

[attribute = 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.