通过样式表在WordPress主题中为每个配色方案应用不同的徽标

Question

我正在制作一个WordPress主题，该主题具有通过辅助CSS文件加载的单独颜色方案。我想为每个配色方案使用不同的颜色标识，但我不确定最好的方法。

徽标当前使用的是img标签，我使用的是标准最大宽度：100％;身高：自动;使其响应。我想保留响应方面，但我希望通过样式表处理徽标的URL，以便可以轻松切换每种颜色方案。但是，如果我用div替换img，我无法弄清楚如何使用background-image属性使其响应，而不指定特定的维度。我不想指定确切的尺寸以允许不同的徽标尺寸。

有没有办法像这样做，或者我只是以错误的方式解决这个问题？

Answer 1

我更喜欢在背景中使用徽标，在使用不同的样式表时，请使用不同的徽标路径 如在red.css中

.logo{
background:url(images/redlogo.png)
}

并在blue.css中

.logo{
    background:url(images/bluelogo.png)
    }