HTML 表格垂直 hover

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

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

只要看 CSS 的最後一行就可以了:

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