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;
}

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

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

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