Селектор за атрибут с тире в стойността
Селекторът за атрибут с тире в стойността прилага стил към елемент, чиито стойности на атрибута са разделени с тире.
Пример
Нека намерим всички елементи, при които
в стойностите, разделени с тире, има 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;
}
:
Вижте също
-
селектор за атрибут,
който търси елемент по име на атрибут -
селектор за атрибут,
който търси елемент по стойност на атрибут -
селектор за атрибут,
който търси елемент по начало на стойността на атрибута -
селектор за атрибут,
който търси елемент по край на стойността на атрибута -
селектор за атрибут,
който търси елемент по текст в стойността на атрибута -
селектор за атрибут,
който търси елемент по една от стойностите на атрибута -
Дъщен селектор,
който позволява избор на елементи по непосредствена влагане -
Контекстен селектор,
който позволява избор на елемент по неговия родител -
Съседен селектор,
който позволява избор на елемент по негов съсед -
Братски селектор,
който позволява избор на елементи след зададен -
Универсален селектор,
който позволява избор на всички елементи
