CSS禁用链接技巧

问题：

是否可以使用CSS禁用链接？例如，如果您有一个名为“当前页”的类，您可能希望阻止该类的链接在单击时处于活动状态。

解决方案：

以下 CSS 代码片段提供了一个简单的解决方案：

[aria-current="page"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}

此代码以具有“aria-current='page'”属性的元素为目标，并通过将“pointer-events”设置为“none”来禁用其交互性。它还通过将“光标”设置为“默认”、删除文本修饰以及将文本颜色重置为黑色来删除典型的链接样式。

要在 HTML 中应用此解决方案，您可以按如下方式修改链接：

Link

这将禁用链接并防止其在“当前-页”类已应用。