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

    }

}