値内ハイフン属性セレクター
値内ハイフン属性セレクターは、 値がハイフンで区切られている属性を持つ要素に スタイルを適用します。
例
ハイフン区切りの値の中に text を含む
すべての要素を見つけて、それらを赤色に変更してみましょう：
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;
}
Результат: