Selektor według końca wartości atrybutu
Selektor według końca wartości atrybutu stosuje styl do elementu, którego wartość atrybutu znacznika kończy się określonym tekstem.
Przykład
Odnijmy się do znacznika a,
którego wartość atrybutu href
kończy się na .html i zmieńmy jego kolor
na czerwony:
<a href="file.html">link1</a>
<a href="https://code.mu">link2</a>
a[href$=".html"] {
color: red;
}
:
Zobacz też
-
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 początku 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