title: Is it possible to display:none text which is not in a tag?
body: <p>I need to get rid of all the text in this div while preserving anything in &lt;a>.</p>
  
  <pre><code>&lt;div class="footer"&gt;
    Lorem ipsum etc etc etc... &lt;img src="trash.png"&gt; &lt;img src="garbage.jpg"&gt;
    &lt;a href="something.html"&gt;Somewhere&lt;/a&gt;
    ... blah blah &lt;em&gt;blah&lt;/em&gt; blah ...
    &lt;a href="anotherlink.html&gt;Another Link&lt;/a&gt;
    ... in conclusion earthworms are interesting.
  &lt;/div&gt;
  </code></pre>
  
  <p>However when I use this:</p>
  
  <pre><code>.footer :not(a)
  {
  display: none;
  }
  </code></pre>
  
  <p>the text still remains.</p>
  
  <p>I can only use CSS for this, since it's a userstyle. Is this possible?</p>