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

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

Пример

Ајде да ги најдеме сите елементи, кај кои во вредностите, разделени со цртичка, има text и да ги пребоиме во црвена боја:

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

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

селектор на атрибут,
кој бара елемент по име на атрибутот
селектор на атрибут,
кој бара елемент по вредност на атрибутот
селектор на атрибут,
кој бара елемент по почеток на вредноста на атрибутот
селектор на атрибут,
кој бара елемент по крај на вредноста на атрибутот
селектор на атрибут,
кој бара елемент по текст во вредноста на атрибутот
селектор на атрибут,
кој бара елемент по една од вредностите на атрибутот
Детски селектор,
кој овозможува избор на елементи по непосредно вгнездување
Контекстуален селектор,
кој овозможува избор на елемент по неговиот родител
Соседски селектор,
кој овозможува избор на елемент по неговиот сосед
Селектор на сестрински елементи,
кој овозможува избор на елементи после зададениот
Универзален селектор,
кој овозможува избор на сите елементи