如何使用CSS找到last / first not empty child？

Let's say I have this:

假设我有这个:

<div>
   <span>1</span>
   <span>2</span>
   <span>3</span>
   <span></span>
  <span></span>
</div>
<div>
   <sp