虛擬類別選擇器有許多種，這個單元會介紹「表單輸入」相關的虛擬類別選擇器，例如 :checked、:disabled、:in-range、:valid、:required 等等，運用這些虛擬類別選擇器，就能精準控制輸入元素在不同狀態下的樣式。

影片重點：

• 00:01:01 :checked
• 00:03:56 :disabled、:enabled
• 00:05:58 :read-only、:read-write
• 00:08:13 :in-range、:out-of-range
• 00:10:27 :valid、:invalid、user-valid、user-invalid
• 00:14:27 :required、:optional
• 00:16:23 :default
• 00:18:01 :placeholder-shown
• 00:19:31 :indeterminate
• 00:22:07 :autofill

相關參考：

• 教學文：CSS 虛擬類別選擇器 ( 表單輸入 )
• 影片連結：https://www.youtube.com/watch?v=HzmNDWUFtGE

後記

錄製教學影片的過程，也很像在替自己的教學文進行「檢查」，時不時會發現一些錯字或小錯誤，或是發現範例不容易「講解」，甚至重新做個容易理解的範例，或許這也是錄製影片的一大收穫～

還有現在有點難以處理一大堆影片檔案，看起來要買硬碟備份了？

更多參考：

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