Selektor atrybutu po tekście
Selektor atrybutu po tekście stosuje styl do elementu, którego wartość atrybutu znacznika zawiera określony tekst.
Przykład
Znajdźmy linki zawierające w atrybutach
test i zmieńmy ich kolor
na zielony:
<a href="https://test.com">link1</a>
<a href="https://code.mu">link2</a>
<a href="http://my-test.com">link3</a>
a[href*="test"] {
color: green;
}
:
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 końcu 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