CSS скрывает все изображения с соответствующим атрибутом SRC

Можно ли создать правило CSS, которое применило бы стиль к любому тегу IMG с SRC, содержащим определенную строку, например "hideme"? Например, если бы у меня были следующие 3 изображения на странице, это спрятало бы второй?

<img src="images/test1.png">
<img src="images/hideme.gif">
<img src="images/test3.jpg">

Ответы

Ответ 1

Используйте этот CSS3 селектор атрибутов:

img[src*="hideme"] {
    display: none;
}

Вместо этого я предпочел бы использовать класс hideme, но если вы должны скрыть изображение, основанное на его атрибуте src, это будет хорошо.