使用者在瀏覽網頁時，往往會有點擊、懸停之類的操作行為，CSS 也有專門針對這些操作行為的虛擬類別選擇器，例如 :hover、:active、:focus、:focus-visible、:focus-within 等等，只要元素狀態因操作行為發生改變，就能透過這些虛擬類別選擇器套用對應的樣式，這個單元會介紹如何使用「使用者操作行為」的虛擬類別選擇器。

影片重點：

• 00:00:49 :hover
• 00:02:48 :active
• 00:04:07 :focus
• 00:05:56 :focus-visible
• 00:06:39 :focus-within

相關參考：

• 教學文：CSS 虛擬類別選擇器 ( 使用者操作行為 )
• 影片連結：https://www.youtube.com/watch?v=c_IQNIdGF5Q

後記

不知道最近還有沒有人在玩外面的寶可夢機台呢？自從換了跟日本一樣的機台後，感覺人少了很多，而且玩法好像也比較貴比較複雜，但我想最讓人想放棄的 ( 我就放棄了 )，就是收集了一大堆之前的卡片，什麼五星紫卡一堆，整個有種浪費錢的感覺，不知道有沒有人也是這樣呢？

不過如果用今天的主題來看寶可夢機台，按按鈕的行為應該都是 :active 吧～ＸＤ

更多參考：

• Youtube 頻道：https://www.youtube.com/@steam.oxxostudio
• CSS 教學大全：https://steam.oxxostudio.tw/category/css/index.html