How to write a background-size without being overwritten by the abbreviations of the following background?

div{background-size: 50% auto}
div.a{background: url(../images/a.png) no-repeat left top}
div.b{background: url(../images/b.png) no-repeat left top}

you want this background-size to be written only once, and the following one is abbreviated. How do you write it?
you"d better not! important

Css
Mar.28,2021

div { background: transparent no-repeat left top; background-size: 50% auto; }
div.a { background-image: url(../images/a.png); }
div.b { background-image: url(../images/b.png); }
Menu