Selektor atrybutu z myślnikiem w wartości
Selektor atrybutu z myślnikiem w wartości stosuje styl do elementu, którego wartości atrybutu są oddzielone myślnikiem.
Przykład
Znajdźmy wszystkie elementy, które
w wartościach oddzielonych myślnikiem mają text
i zmieńmy ich kolor na czerwony:
<p class="text-main-header">text1</p>
<p class="text-content">text2</p>
<p class="test-main">text3</p>
<p class="tag-test">text4</p>
p[class|="text"] {
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 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 dziecinny,
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ąsiedni,
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
