заменить / изменить URL-адрес встроенного изображения на css

Question

Мне нужно изменить изображение 1 на изображение 2 в теме WordPress на мобильный размер. изображение встроено в тему, поэтому я не могу заменить его фоновым изображением и использовать медиа-запросы для этого.

От:

<a class="logo">
  <img src="image1.jpg">
</a>

Изменить на:

<a class="logo">
  <img src="image2.jpg">
</a>

Как я могу это сделать? Я предпочитаю CSS

Answer 1

Вы можете использовать следующее -

.logo {
    content:url("image2.jpg");
}

Использование точек останова (зависит от того, какой процессор CSS вы используете, например, Stylus, SASS)

@media only screen and (min-width: 600px) {
    .logo{
        content:url("image2.jpg");
    }
}

@media only screen and (min-width: 768px) {
    .logo{
        content:url("image2.jpg");
    }
}