css：如何禁用点击链接的能力

Question

我需要禁用通过CSS的链接，如果链接可见，并且拥有有效的'href'属性值，可以这样做吗？

HTML：

<a class="theLink" href="https://ebay.com">link</a> 

CSS：

.theLink{...?} 

Answer 1

是的，你可以禁用它！

HTML：

<a class="theLinkDisabled" href="https://google.com">link</a> 
<br> 
<a class="theLinkActive" href="https://google.com">link</a> 

CSS：

.theLinkDisabled{ 
    pointer-events: none; 
    cursor:default; 
} 

.theLinkActive{ 
    pointer-events: auto; 
    cursor:pointer; 
} 

Answer 2

.thisLink{ 
    pointer-events: none; 
    cursor: default; 
} 

这里是一个example