Apple mail span class on links not working

A frustrating issue!

The span class on links not working in Apple Mail is a known issue, and it's not specific to your email client or account. It's a rendering issue with Apple Mail's HTML rendering engine.

Here are a few possible workarounds to help you achieve the desired effect:

  1. Use a different HTML structure: Instead of using a span element, try using a div element with a class attribute. For example:

    <a href="https://example.com">Link text</a>
    <div class="my-class">Link text</div>
  2. Use a CSS class on the a element: You can add a CSS class to the a element itself, rather than using a span element. For example:

    <a href="https://example.com" class="my-class">Link text</a>
  3. Use a JavaScript workaround: You can use JavaScript to add the desired class to the link element after it's rendered. For example:

    <script>
    document.querySelectorAll('a').forEach((link) => {
     link.classList.add('my-class');
    });
    </script>
  4. Use a third-party email template: If you're using a third-party email template or service, you can try using a different template or service that doesn't have this issue.

  5. Check your email client settings: Make sure that your email client is set to render HTML emails correctly. You can try checking the "View as HTML" option in Apple Mail's settings to see if it makes a difference.

I hope one of these workarounds helps you achieve the desired effect!