title: CSS selector for text not in tags
body: <p>I want to totally hide everything in the <code>.byline</code> <strong>except</strong> the date. Is it possible to do this via CSS w/o modifying the markup? Is there a CSS selector that allows you to target the inner text that's not in tags?</p>
  
  <pre><code>&lt;p class="byline"&gt;
      By &lt;a rel="author" href="#"&gt;John Doe&lt;/a&gt;
      on &lt;time datetime="2012-10-10" pubdate&gt;2012&lt;/time&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>This does <strong>not</strong> work b/c it hides the <code>a</code> but not the other text: </p>
  
  <pre><code>.byline :not(time) { display:none }
  </code></pre>
  
  <p>This does <strong>not</strong> work b/c it hides everything: </p>
  
  <pre><code>.byline { display:none }
  .byline time { display:inline }
  </code></pre>
  
  <p>This <strong>works</strong> but is not ideal b/c then you have to deal with hiding the space too:</p>
  
  <pre><code>.byline { visibility:hidden }
  .byline time { visibility:visible }
  </code></pre>
  
  <p>See: <a href="http://jsfiddle.net/pxxR7/" rel="nofollow">jsfiddle.net/pxxR7/</a> and <a href="http://jsfiddle.net/pxxR7/1/" rel="nofollow">jsfiddle.net/pxxR7/1/</a></p>