Css 为不同的url显示不同的图像

我有一个WordPress Woocommerce电子商店

在每个产品类别中，我都希望它有不同的顶级形象

Woocommerce类别页面是自动创建的，因此我无法单独编辑它们

我已经设法找到了一种方法，有我自己的形象上的顶部，但我希望这个形象是不同的不同类别

所以我想，如果我能通过参考他们的URL来处理显示在这里面的图像，这将解决这个问题。 所以，让我们说的URL

example.com/category/category1

显示图像-1等等

类似CSS选择器的东西

div[this-url-1] {background-image:url(.image-1..);}
div[this-ur2] {background-image:url(.image-2..);}

---

您可以使用此插件执行您想要的操作

---

这将允许您为每个类别使用自定义图像和图像位置。

您应该能够访问Woocomerce中的类别并在其中添加图像，而不管它们是否是自动创建的？woocommerce在类别布局中放置图像的方式不符合我的设计，因此，理想情况下，我想更改我有权访问的特定div的内容。这看起来很棒，我将尝试一下，并让您知道希望它有帮助：）。如果对wordpress有疑问，请使用插件呵呵