Selektor po jednej z wartości atrybutu

Selektor po jednej z wartości atrybutu ustawia styl elementowi, który w atrybucie ma przynajmniej jedną z określonych wartości. Przy tym wszystkie wartości atrybutu muszą być oddzielone spacją.

Przykład

Znajdźmy wszystkie <p>, zawierające w jednej z wartości test, i przemalujmy je na niebieski kolor:

<p class="test main">text1</p>
<p class="text">text2</p>
<p class="tag test">text3</p>

p[class~="test"] {
	color: blue;
}

Zobacz też

selektor atrybutu,
który szuka elementu po nazwie atrybutu
selektor atrybutu,
który szuka elementu po wartości atrybutu
selektor atrybutu,
który szuka elementu po początku wartości atrybutu
selektor atrybutu,
który szuka elementu po końcu wartości atrybutu
selektor atrybutu,
który szuka elementu po tekście w wartości atrybutu
selektor atrybutu,
który szuka elementu po myślniku w wartości atrybutu
Selektor dzieciecy,
który pozwala wybrać elementy po bezpośrednim zagnieżdżeniu
Selektor kontekstowy,
który pozwala wybrać element po jego rodzicu
Selektor sąsiedni,
który pozwala wybrać element po jego sąsiedzie
Selektor rodzeństwa,
który pozwala wybrać elementy po zadanym
Selektor uniwersalny,
który pozwala wybrać wszystkie elementy