Färga div beroende på om innehåll i <span> finns

Har använt denna css för att ge grå bakgrund till första resultatet i en lista men sen upptäckte jag att det endast ska bli grå bakgrund om en <span></span> inuti diven item är tom.
Om <span> innehåller text så ska inte bakgrunden färgas grå. Hittar inget bra sätt att lösa det på. Vill endast använda html och Css. Kan någon säga hur jag ska fixa detta?

<div id="container">
<div class="list">
<div class="item">
<span></span>
</div>
</div>
</div>

#container > div:first-child {
background: #cccccc no-repeat;
}