如何仅使用CSS禁用链接？

Question

如何仅使用CSS禁用链接？

是否有任何方法禁用链接使用CSS？

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

Answer 1

.disabled {&nbsp; pointer-events: none;&nbsp; cursor: default;&nbsp; opacity: 0.6;}<a href="#" class="disabled">link</a>

Answer 2

CSS只能用于更改某事物的样式。使用纯CSS所能做的最好的就是完全隐藏链接。你真正需要的是一些javascript。下面是如何使用jQuery库来做您想做的事情。$('a.current-page').click(function()&nbsp;{&nbsp;return&nbsp;false;&nbsp;});