html - CSSでオーバーライドせずに新しい背景画像を追加する方法

Question

このような2つの背景画像を使用しようとしています

CSS：

nav li { 
background bg1
}

li#abc {
background bg2
}

HTML：

 nav


ul
  li id="abc" 

実行することでオーバーライドできることは知っていますがli#abc { background bg1 bg2 }..、bg2を追加できるかどうか疑問に思っていました。