Selektor według początku wartości atrybutu
Selektor według początku wartości atrybutu stosuje styl do elementu, którego wartość atrybutu znacznika zaczyna się od określonego tekstu.
Przykład
Odnijmy się do znacznika <a>,
którego wartość atrybutu href
zaczyna się od https i zmieńmy jego
kolor na czerwony:
<a href="file.html">link1</a>
<a href="https://code.mu">link2</a>
a[href^="https://"] {
color: red;
}
:
Zobacz także
-
selektor atrybutu,
który wyszukuje element po nazwie atrybutu -
selektor atrybutu,
który wyszukuje element po 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 wybrać elementy według bezpośredniego zagnieżdżenia -
Selektor kontekstowy,
który pozwala wybrać element według jego rodzica -
Selektor sąsiadujący,
który pozwala wybrać element według jego sąsiada -
Selektor rodzeństwa,
który pozwala wybrać elementy po zadanym -
Selektor uniwersalny,
który pozwala wybrać wszystkie elementy