Селектор за атрибут с тире в стойността

Селекторът за атрибут с тире в стойността прилага стил към елемент, чиито стойности на атрибута са разделени с тире.

Пример

Нека намерим всички елементи, при които в стойностите, разделени с тире, има 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;
}

Результат:

Вижте също