Как сделать, если тег .text пустой то его родителю .container даётся стиль display: none;

<div class="container">  
  <div class="text"></div>  
</div>

Я хотел сделать так:

.text:empty .container {   
  display: none;   
}

но вспомнил что родительным элементам не придаются стили, как поступить?