CSS-хитрость для отключения ссылок

Проблема:

Можно ли отключить ссылки с помощью CSS? Например, если у вас есть класс под названием «текущая страница», вы можете захотеть запретить активацию ссылок с этим классом при нажатии.

Решение:

Следующий фрагмент кода CSS предлагает простое решение:

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

Этот код нацелен на элементы с атрибутом «aria-current='page'» и отключает их интерактивность, устанавливая для параметра «pointer-events» значение «none». Он также удаляет типичный стиль ссылки, устанавливая для параметра «курсор» значение «по умолчанию», удаляя оформление текста и сбрасывая цвет текста на черный.

Чтобы применить это решение в HTML, вы можете изменить свою ссылку следующим образом:

Link

Это отключит ссылку и сделает ее недоступной при нажатии Применен класс «текущая страница».