用 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 {&nbsp; &nbsp; content:url("image2.jpg");}使用断点（取决于您使用的 CSS 处理器，如 Stylus、SASS）@media only screen and (min-width: 600px) {&nbsp; &nbsp; .logo{&nbsp; &nbsp; &nbsp; &nbsp; content:url("image2.jpg");&nbsp; &nbsp; }}@media only screen and (min-width: 768px) {&nbsp; &nbsp; .logo{&nbsp; &nbsp; &nbsp; &nbsp; content:url("image2.jpg");&nbsp; &nbsp; }}