突出顯示當前鏈接選擇錨定在同一頁上的內容

Question

我有一個左側鏈接列表和一個固定的div與網頁右側的隱藏溢出。固定div包含3個與固定div相同高度的額外div。嵌套在固定格中的每個div鏈接到固定格左側列表中的一個鏈接。

這工作得很好，它本質上模擬了純html/css的隱藏/顯示效果。現在我一直試圖做的是突出顯示鏈接列表中選中的當前鏈接，就像使用導航欄中的菜單項一樣。我在jsfiddle中做過類似的例子。

我似乎無法使用純html/css來突出顯示當前鏈接，所以我一直試圖用PHP做到這一點，但沒有成功。

有沒有辦法做到這一點沒有JavaScript？

Answer 1

a:focus{ 
    border:solid 1px red; 
} 

將部分工作，但僅在焦點移動到其他地方時才起作用。

如果每次點擊都重新加載頁面，那麼您可以使用PHP從URL中讀取#anchor並將類添加到相應的鏈接元素。