Enable and Disable Links using only CSS

All you need to add is pointer-events property to the css class desired. None will not allow the link to fire, while auto or inherit would open the link:

<style>

a.disabled { pointer-events: none; }

a.enabled { pointer-events: auto; }

</style>

<a href=”https://rochcass.wordpress.com&#8221; class=”enabled” target=”_blank”> Enabled Link </a>
<a href=”https://rochcass.wordpress.com&#8221; class=”disabled” target=”_blank> Disabled Link </a>