title: Remove underline from ::first-letter
body: <p>I'm trying underline all letters except the first. I attempted to remove the underline from the first letter via <code>::first-letter</code> without success. Why doesn't that work here?</p>
  
  <pre><code>&lt;a class="sample underline letter-underline-none"
     href="https://twitter.com/ryanve"
  &gt;@ryanve&lt;/a&gt;
  </code></pre>
  
  <p>How can I remove the underline without changing this markup? <a href="https://codepen.io/ryanve/pen/GOqjNM" rel="nofollow noreferrer">I made a codepen</a> with this CSS.</p>
  
  <pre><code>.letter-underline::first-letter,
  .underline {
    text-decoration: underline;
  }
  
  .letter-underline-none::first-letter,
  .underline-none {
    text-decoration: none;
  }
  
  .sample {
    display: block;
  }
  </code></pre>