CSS [ atrybut = wartość ] Selektor
Przykład
Styl <a> elementów z target="_blank":
a[target=_blank]
{
background-color: yellow;
}
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Selektor [ atrybut = wartość ] służy do wybierania elementów o określonym atrybucie i wartości.
Wersja: | CSS2 |
---|
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje selektor.
Selector | |||||
---|---|---|---|---|---|
[attribute=value] | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
Składnia CSS
[attribute = value] {
css declarations;
}
Więcej przykładów
Przykład
Gdy <input type="text"> staje się aktywny, stopniowo zmieniaj szerokość ze 100px na 250px:
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
}
Powiązane strony
Samouczek CSS: selektory atrybutów CSS