title: Remove a word using CSS
body: <p>I have a Wordpress site and I have like to remove the word 'Author:' from 'Author: darylwong'</p>
  
  <p>The final output should be only darylwong without Author.  The CSS is like below:</p>
  
  <pre><code>&lt;h1 class='site-title loop-title'
    itemprop='headline'&gt;
    Author: 
    &lt;span class='vcard'&gt;darylwong&lt;/span&gt;
  &lt;/h1&gt;
  </code></pre>
  
  <p>I have tried something like:</p>
  
  <pre><code>.site-title, not(.vcard) {
    display: none;
  }
  </code></pre>
  
  <p>But it is still showing 'Author: darylwong' instead of only 'darylwong'.</p>
  
  <p>Could someone help me to take a look?</p>
  
  <p>The jsfiddle is here at <a href="https://jsfiddle.net/mwf400n3/" rel="nofollow">https://jsfiddle.net/mwf400n3/</a></p>