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:

html<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>

cssp[class|="text"] {
  color: red;
}

Результат:

Zobacz też