⌘K

Селектор за начало на стойност на атрибут

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

Пример

Нека се обърнем към тага <a>, при който стойността на атрибута href започва с https и да го преборим в червен цвят: 

html<a href="file.html">link1</a>
<a href="">link2</a>
cssa[href^="https://"] {
  color: red;
}

Результат:

Вижте също

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