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

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

Пример

Ајде да ги најдеме сите елементи, кај кои во вредностите, разделени со цртичка, има 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;
}

Результат:

Погледнете ги и