Truque CSS para desativar links

Problema:

É possível desativar links usando CSS? Por exemplo, se você tiver uma classe chamada "página atual", você pode querer evitar que links com essa classe sejam ativos quando clicados.

Solução:

O seguinte snippet de código CSS oferece uma solução simples:

[aria-current="page"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}

Este código tem como alvo elementos com o atributo "aria-current='page'" e desativa sua interatividade definindo "pointer-events" como "none". Ele também remove o estilo típico do link, definindo o "cursor" como "padrão", removendo a decoração do texto e redefinindo a cor do texto para preto.

Para aplicar esta solução em HTML, você pode modificar seu link da seguinte maneira:

Link

Isso desativará o link e impedirá que ele seja clicável quando o "atual- página" classe é aplicado.