CSS3 [attribute^=value] селектор

определение и использование

CSS [attribute^=value] селектор используется для выбора каждого элемента, значение свойства которого начинается с указанного значения.

пример

пример 1

установить цвет фона для всех элементов <div> с классом, значение которого начинается с "test":

div[class^="test"] {
  background: salmon;
}

попробуйте сами

пример 2

установить цвет фона для всех элементов с классом, значение которого начинается с "test":

[class^="test"] {
  background: salmon;
}

попробуйте сами

грамматика CSS

[attribute ^= value] {
  css declarations;
}

технические детали

поддержка браузеров

числа в таблице показывают первую версию браузера, которая полностью поддерживает этот селектор.