为具有多个背景的元素重写内联背景图像？

Question

如果我的css中有多个背景图片：

HTML：

<div class="hero" style="background-image:url(/images/<?php echo $hero['image']; ?>)"></div>

CSS：

.hero{
  background: 
  url(number.png) 600px 10px no-repeat,
  url(thingy.png) 10px 10px no-repeat,
  url(Paper-4.png);
}

如何使用新的内联背景图像（从数据库加载）覆盖特定背景？

理想情况下，我不希望再次重新声明所有背景。

Answer 1

我想我得到了你想要的东西： 使用样式标签并插入css（在同一个php页面中）。

<style>
.hero{
  background: 
  url(/images/<?php echo $hero['image']; ?>) 600px 10px no-repeat,
  url(thingy.png) 10px 10px no-repeat,
  url(Paper-4.png);
}
</style>

别忘了删除html标签上的样式。

这将改变第一个背景。