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:

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

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

Результат:

Zobacz też