Html 如何在CSS中添加新的背景图像而不重写

我试着用两张像这样的背景图片

CSS:

HTML:

---

我知道你可以通过做

li#abc{background bg1 bg2}来覆盖，但是我想知道你是否可以添加bg2？
如果你知道bg1的高度，你可以将li#abc的背景偏移这个量，并给它重复-x或不重复，你不能。您必须定义两个背景，除非您使用位于第一个背景上/下的单独元素并具有背景透明度。
nav li { 
background bg1
}

li#abc {
background bg2
}

 nav


ul
  li id="abc"