Селектор атрибута по дефису в значении

Селектор атрибута по дефису в значении применяет стиль к элементу, значения атрибута которого разделены дефисом.

Пример

Давайте найдем все элементы, у которых в значениях, разделенных дефисом, есть 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;
}

Результат:

Смотрите также