how to disable a link

1a.isDisabled {
2  pointer-events: none;
3}

1<style>
2.isDisabled {
3  color: currentColor;
4  cursor: not-allowed;
5  opacity: 0.5;
6  text-decoration: none;
7}
8</style>
9<a class="isDisabled" href="https://unfetteredthoughts.net">Disabled Link</a>

1.isDisabled {
2  color: currentColor;
3  cursor: not-allowed;
4  opacity: 0.5;
5  text-decoration: none;
6  pointer-events: none;
7}