Selektor według wartości atrybutu
Selektor według wartości atrybutu pozwala wybierać elementy na podstawie obecności u nich określonego atrybutu lub jego wartości i zastosować do nich potrzebny styl.
Przykład
Odnijmy się do znacznika input,
u którego wartość atrybutu type
wynosi text, i ustawmy mu niebieski kolor
tła:
<p>
<label>Wpisz tekst</label>
<input type="text">
</p>
<p>
<label>Wpisz liczbę</label>
<input type="number">
</p>
input[type="text"] {
background-color: #C2DDFD;
}
:
Zobacz też
-
selektor atrybutu,
który wyszukuje element po nazwie atrybutu -
selektor atrybutu,
który wyszukuje element po początku wartości atrybutu -
selektor atrybutu,
który wyszukuje element po końcu wartości atrybutu -
selektor atrybutu,
który wyszukuje element po tekście w wartości atrybutu -
selektor atrybutu,
który wyszukuje element po jednej z wartości atrybutu -
selektor atrybutu,
który wyszukuje element po myślniku w wartości atrybutu -
Selektor dziecka,
który pozwala wybierać elementy na podstawie bezpośredniego zagnieżdżenia -
Selektor kontekstowy,
który pozwala wybrać element na podstawie jego rodzica -
Selektor sąsiada,
który pozwala wybrać element na podstawie jego sąsiada -
Selektor rodzeństwa,
który pozwala wybierać elementy po podanym -
Selektor uniwersalny,
który pozwala wybrać wszystkie elementy
