Селектор на атрибут по текст

Селекторът на атрибут по текст прилага стил към елемент, при който стойността на атрибута на тага съдържа определен текст.

Пример

Нека намерим връзки, съдържащи в атрибутите test, и ги пребоядисаме в зелен цвят:

html<a href="https://test.com">link1</a>
<a href="">link2</a>
<a href="http://my-test.com">link3</a>
cssa[href*="test"] {
  color: green;
}

Результат:

Вижте също

  • селектор на атрибут,
    който търси елемент по име на атрибут
  • селектор на атрибут,
    който търси елемент по стойност на атрибут
  • селектор на атрибут,
    който търси елемент по начало на стойността на атрибута
  • селектор на атрибут,
    който търси елемент по край на стойността на атрибута
  • селектор на атрибут,
    който търси елемент по една от стойностите на атрибута
  • селектор на атрибут,
    който търси елемент по дефис в стойността на атрибута
  • Дъщерен селектор,
    който позволява избор на елементи по непосредствена влагане
  • Контекстен селектор,
    който позволява избор на елемент по неговия родител
  • Съседен селектор,
    който позволява избор на елемент по негов съсед
  • Сроден селектор,
    който позволява избор на елементи след зададен
  • Универсален селектор,
    който позволява избор на всички елементи