iT邦幫忙

2025 iThome 鐵人賽

2

A CSS Video a Day, Keeps Web Confusion Away!!系列 第 16

( Day 16 ) CSS 虛擬類別選擇器 ( 使用者操作行為 )

  • 分享至 

  • xImage
  •  

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

影片重點:

相關參考:

CSS 虛擬類別選擇器 ( 使用者操作行為 )

後記

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

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

更多參考:


上一篇
( Day 15 ) CSS 虛擬類別選擇器 ( 表單輸入 )
下一篇
( Day 17 ) CSS 虛擬類別選擇器 ( 超連結 )
系列文
A CSS Video a Day, Keeps Web Confusion Away!!35
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言