在許多情況下，我們希望頁面上的某些元素不要獲取焦點，用戶無法從鍵盤導航到它們。這種情況通常用于純視覺元素，如標記、圖形和文本注釋。CSS提供了一個簡單的解決方案來控制元素的焦點:tabindex屬性。

.no-focus {
tabindex: -1;
}

上面的代碼將應用于HTML元素，它將不再是可接受焦點的。相反，用戶只能通過鼠標點擊或其他非鍵盤操作來訪問它。

在其他情況下，我們可能希望一些元素根本不會被用戶意外地聚焦，例如有時包含在鏈接或按鈕中的圖標。我們可以使用CSS偽元素，如::before和::after，來實現這一點。

button.no-focus::before,
button.no-focus::after {
pointer-events: none;
}

現在，按鈕包含的所有偽元素都不能接受焦點。用戶必須單擊按鈕周圍的元素才能聚焦。

總之，通過合理地利用tabindex屬性和CSS偽元素，我們可以便捷地控制頁面上的焦點。這些技巧也有助于提高頁面的可訪問性，使其更易于使用。