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:

html<a href="https://test.com">link1</a>
<a href="">link2</a>
<a href="http://my-test.com">link3</a>
cssa[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