是否可以使用CSS使HTML锚标记不可点击/链接？

在CSS中，我们可以通过设置 pointer-events属性为 none来实现这一点。这样设置后，就可以使HTML锚标记不可点击，也就是用户无法通过点击这个链接来跳转到其他页面或站点。

示例代码：

假设我们有一个HTML页面，其中包含一个锚标记：

html
<a href="https://example.com" id="non-clickable-link">Click Me!</a>

我们可以在CSS中这样设置：

css
#non-clickable-link {
    pointer-events: none;
}

这段CSS代码会将id为 non-clickable-link的锚标记的 pointer-events属性设置为 none，从而使其不响应鼠标事件，包括点击。这样用户点击这个链接时，浏览器不会执行跳转动作。

注意事项：

• 使用 pointer-events: none;后，链接仍然会被显示为可点击状态（如鼠标悬停时的手形光标），如果需要改变光标的显示，可以进一步设置 cursor: default;来让光标保持默认样式，而不是链接特有的手形光标。
• 这种方法主要用于前端展示控制，如果需要从根本上禁用链接，最好是在HTML标签中不设置 href属性，或者使用JavaScript来控制。

这种CSS技术常用于那些需要临时禁用链接的场景，例如在某些权限控制或页面状态下，一些操作或跳转是不允许的。通过CSS快速实现这一点，既方便又高效。