CSS 選擇器深度解析：tbody tr:hover td 與 tr.over td 的協作機制

// jQuery 範例
$('tbody tr').hover(
    function() { $(this).addClass('over'); },
    function() { $(this).removeClass('over'); }
);

現代最佳實踐（2024+）

1. 捨棄 IE6 支援：全球份額 < 0.1%，移除 `tr.over` 邏輯與 JS 綁定。
2. 使用 `:hover` 僅作視覺增強：關鍵交互（如刪除按鈕顯示）勿依賴 `:hover`，觸控設備無懸停狀態。
3. 優化選擇器效能：避免通用選擇器 `*`、屬性選擇器在大型表格中頻繁匹配；`tbody tr:hover td` 效能可接受。
4. 無障礙補充：配合 `:focus-within` 支援鍵盤導航高亮：

tbody tr:hover td,
tbody tr:focus-within td {
    background-color: #888;
    color: #fff;
}