Disable links only with CSS

Let’s assume that you have the HTML below and you want to disable the link, so it will not be clickable:

<a href="https://websitename.com" class="disabled-link">Disabled Link</a>

Use the css rule below to disable the link:

.disabled-link {
  pointer-events: none;
}