CSS停用連結技巧

問題：

是否可以使用CSS停用連結？例如，如果您有一個名為“當前頁面”的類，您可能希望阻止該類的連結在單擊時處於活動狀態。

解決方案：

以下 CSS 程式碼片段提供了一個簡單的解決方案：

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

此程式碼以具有「aria-current='page'」屬性的元素為目標，並透過將「pointer-events」設為「none」來停用其互動性。它還透過將「遊標」設為「預設」、刪除文字修飾以及將文字顏色重設為黑色來刪除典型的連結樣式。

要在HTML 中套用此解決方案，您可以如下修改連結：

Link

這將停用連結並防止其在「目前-頁」類別已套用。