title: Multiple underline colors in one anchor
body: <p>I would like to, within one anchor <code>&lt;/a&gt;</code>, have two different underline colors. Like so:</p>
  
  <pre><code>&lt;a href="somehref"&gt;
      &lt;span&gt;This text should underline RED on `a` hover&lt;/span&gt;
      &lt;span&gt;This text should underline GREY on `a` hover&lt;/span&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>I can add <code>text-decoration</code> to each span on hover but this causes each line to hover individually. I want it so that when I hover over anywhere in the <code>&lt;/a&gt;</code> both spans underline with their font <code>color</code> inherited.</p>
  
  <p>Is this possible?</p>
  
  <p>Note: I'm aware of <code>text-decoration-color</code> but due to limit support I cannot use it.</p>