css：如何禁用单击链接的功能

Question

我需要通过css禁用链接，如果链接可见并且持有有效的＆＃39; href＆＃39;属性值？

HTML：

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

的CSS：

.theLink{...?}

Answer 1

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

这是example

Answer 2

是的，你可以禁用它！

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;
}