Как заменить одну картинку на другую с помощью css?

Question

[Dddjf]

Хочу сделать замену не на своем сайте.
Все бы ничего, НО. При каждом входе сайт генерирует новую ссылку для изображения. Зачем так делать вообще?
У картинки есть класс, но он привязан сразу к нескольким разным картинкам, а мне хотелось бы заменить только одну.
Поэтому замену с помощью css я проводил так:

[src="https:/\/primer.ru/theme/image.php?theme=fordson&component=url&rev=1681945141&image=icon"]{
    content: url(http://ioioioio.png);
}

Но сайт после перезахода меняет значения после "rev= " и получается новая ссылка и css уже не работает
Пример того, как меняется адрес:
https:/\/primer.ru/theme/image.php?theme=fordson&component=url&rev=1682377141&image=icon
https:/\/primer.ru/theme/image.php?theme=fordson&component=url&rev=2652117941&image=icon

Есть какие-нибудь идеи?

Answer 1

[Михаил Р.]

У картинки есть класс, но он привязан сразу к нескольким разным картинкам, а мне хотелось бы заменить только одну.

Но сайт после перезахода меняет значения после "rev= " и получается новая ссылка и css уже не работает

3 картинка по счету у одного родителя, у которой атрибут src начинается с https:/\/primer.ru/theme/image.php?theme=fordson&component=url:

[src^="https:/\/primer.ru/theme/image.php?theme=fordson&component=url"]:nth-child(3) {
  content: url(http://ioioioio.png);
}

НО. При каждом входе сайт генерирует новую ссылку для изображения. Зачем так делать вообще?

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

Comments

[Dddjf]

Большое спасибо. Можете сказать за что отвечает "^" после src ?

[Михаил Р.]

Dddjf,

Можете сказать за что отвечает "^" после scr ?

^ - значение атрибута должно начинаться с указанного.
$ - заканчиваться указанным.
* - содержать указанное.

Подробнее: https://developer.mozilla.org/ru/docs/Web/CSS/Attr...

[Dddjf]

Михаил Р., Благодарю