CSS3 選擇器 :target - 依照 URL 片段選取對應的 id 元素

:target 可以用來取得 URL 片段(URI fragment)中相對應的 Id 來選擇目標元素

:target css 範例：

    
<style>
  :target {
    border: 2px solid black;
  }
</style>
    

假設連結為：

    
https://www.ruyut.com/2025/02/css3-target.html#item1
    

則 id 為 item1 的元素就會被選取。

範例

• 選項一
• 選項二
• 選項三

註：因為部落格主題，點選連結後焦點錯誤被上一頁橫幅覆蓋的 bug 筆者一直沒有修...之後有時間筆者會來修正的...

參考資料：
mdn - :target