Селектор на атрибут по текст
Селекторот на атрибут по текст го применува стилот на елементот, кај кого вредноста на атрибутот на тагот содржи одреден текст.
Пример
Ајде да ги најдеме врските што содржат во атрибутите
test, и да ги пребоиме
во зелена боја:
<a href="https://test.com">link1</a>
<a href="https://code.mu">link2</a>
<a href="http://my-test.com">link3</a>
a[href*="test"] {
color: green;
}
:
Погледнете ги и
-
селектор на атрибут,
кој бара елемент по име на атрибутот -
селектор на атрибут,
кој бара елемент по вредност на атрибутот -
селектор на атрибут,
кој бара елемент по почеток на вредноста на атрибутот -
селектор на атрибут,
кој бара елемент по крај на вредноста на атрибутот -
селектор на атрибут,
кој бара елемент по една од вредностите на атрибутот -
селектор на атрибут,
кој бара елемент по цртичка во вредноста на атрибутот -
Детски селектор,
кој овозможува да се изберат елементи по непосредно вгнездување -
Контекстуелен селектор,
кој овозможува да се избере елемент по неговиот родител -
Соседски селектор,
кој овозможува да се избере елемент по неговиот сосед -
Селектор на сестри/браќа,
кој овозможува да се изберат елементи после зададениот -
Универзален селектор,
кој овозможува да се изберат сите елементи