title: CSS - select element without text inside
body: <p>Is there any way to select some element that have no text inside?</p>
  
  <p>What it mean:</p>
  
  <p>Lets say we've got such elements</p>
  
  <pre><code>&lt;div class="to-select"&gt;&lt;/div&gt; &lt;-- this is empty
  &lt;div class="to-select"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt; &lt;-- this is not empty, but dont have text
  </code></pre>
  
  <p>Both of them dont have text, however only one of them is empty and can be selected with <code>:empty</code>. I want both of them to be selected as they dont have text. </p>
  
  <p>Also, some elements might have only white-space text that came from tabbed html markup etc.</p>
  
  <p>I know it's quite easy to do with js. But I'm looking for css solution if it's possible. I dont like to use js for this kind of problems.</p>