HTML 表格垂直 hover

每次去看 MDN Web Docs，都會分心，因為老是看到陌生的 CSS，實在是可怕，那麼多 CSS 指令裡面，有可以幫 TABLE 垂直列上色的 (<col/>)，但時至今日，就是沒有垂直 :hover 的正規作法。



大部分是從 Simple CSS-Only Row and Column Highlighting 學來的，然後他又是從 stackoverflow 上學來的，我只補充一點，就是不想有 hover 效果的儲存格如何處理。
只要看 CSS 的最後一行就可以了：



就這樣，滑鼠移到表格最後一列的時候，就不會產生垂直 hover 的效果了。