如何仅使用CSS禁用链接？

Question

如何仅使用CSS禁用链接？是否有任何方法禁用链接使用CSS？我有个课叫current-page并希望禁用与该类的链接，以便在单击这些链接时不会发生任何操作。

Answer 1

.disabled {

  pointer-events: none;

  cursor: default;

  opacity: 0.6;

}

<a href="#" class="disabled">link</a>

Answer 2

CSS只能用于更改某事物的样式。使用纯CSS所能做的最好的就是完全隐藏链接。

你真正需要的是一些javascript。下面是如何使用jQuery库来做您想做的事情。

$('a.current-page').click(function() { return false; });