用css替换/更改内联图像url

Question

我需要在手机大小的wordpress主题中将图像1更改为图像2。图像在主题中是内联的，所以我不能用背景图像代替它，也不能使用媒体查询来完成这项工作。

发件人：

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