[CSS]让HTML里的a超链接无法点击的实现方式

如题，可能有一些需求（例如使用其他人的组件，不方便修改JS代码等情况），需要让CSS来控制某些超链接无法点击，例如，有以下Html代码：

<a class="baidu-link" href="https://www.baidu.com">Baidu.com</a>

要使Baidu.com无法点击，可以可以给a标签加pointer-events: none;

代码如下：

.baidu-link {
  pointer-events: none;
}