Селектор по една од вредностите на атрибутот
Селекторот по една од вредностите на атрибутот го задава стилот на елементот кај кој во атрибутот има барем една од наведените вредности. При тоа, сите вредности на атрибутот мора да бидат разделени со празно место.
Пример
Ајде да ги најдеме сите <p> кои содржат
во една од вредностите test, и да ги пребоиме
во сина боја:
<p class="test main">text1</p>
<p class="text">text2</p>
<p class="tag test">text3</p>
p[class~="test"] {
color: blue;
}
:
Погледнете ги и
-
селектор атрибута,
кој бара елемент по име на атрибут -
селектор атрибута,
кој бара елемент по вредност на атрибут -
селектор атрибута,
кој бара елемент по почеток на вредноста на атрибутот -
селектор атрибута,
кој бара елемент по крај на вредноста на атрибутот -
селектор атрибута,
кој бара елемент по текст во вредноста на атрибутот -
селектор атрибута,
кој бара елемент по цртичка во вредноста на атрибутот -
Детски селектор,
кој овозможува избор на елементи по непосредно вгнездување -
Контекстуален селектор,
кој овозможува избор на елемент по неговиот родител -
Соседски селектор,
кој овозможува избор на елемент по неговиот сосед -
Сестрински селектор,
кој овозможува избор на елементи по зададениот -
Универзален селектор,
кој овозможува избор на сите елементи