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

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

Версия: CSS3

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

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

Chrome Edge Firefox Safari Opera
4.0 7.0 3.5 3.2 9.6

Соответствующие страницы

Урок CSS:Выборщик свойств CSS

Урок CSS:Подробное объяснение свойств выбора CSS