title: display:none on all but first child element
body: <pre><code>&lt;p&gt;&lt;span&gt;*&lt;/span&gt;Here lies a note.&lt;/p&gt;
  </code></pre>
  
  <p>Using CSS, how can I hide (that is, <code>display:none</code>) the text “Here lies a note.” and show just the “*”?</p>