虛擬類別選擇器是根據「元素的狀態」來選取元素，這個單元會介紹透過元素在「文件結構」中的「位置」狀態，進行選取元素的虛擬類別選擇器，這類型的選擇器有 :root、:empty、:first-child、:last-child、:nth-child(n)、:nth-last-child(n) 和 :only-child，都是非常方便實用的選擇器。

影片重點：

• 00:00:53 :root 根元素
• 00:02:00 :empty 空元素
• 00:03:24 :first-child、:last-child
• 00:05:10 :nth-child(n)、nth-last-child(n)
• 00:07:46 :only-child

相關參考：

• 教學文：CSS 虛擬類別選擇器 ( 結構位置 )
• 影片連結：https://www.youtube.com/watch?v=1iHUuSIg8qo

後記

沒想到又有颱風了，雖然明天放颱風假，但還是希望天氣不要太誇張，出太陽更好？

簡單分享一下我用 ChatGPT 幫我改良字幕的提示詞，其實我自己會先調整一次字幕，然後再把字幕丟給 ChatGPT 去檢查，最主要在處理「過長字幕要換行」這件事，因為字幕檔案有序號，換行之後變成要根據字數拆分，其實有點小麻煩，乾脆就丟給 ChatGPT 處理比較快～

請協助調整字幕內容：
- 將英文和中文、英文數字和中文之間加上空白，例如「一些CSS範例」改成「一些 CSS 範例」，「這是A1喔」改成「這是 A1 喔」。
- 除了時間格式，將字幕文字的半形逗號「,」改成全形逗號「，」。
- 如果時間格式中出現全形逗號，請改為半形逗號以符合格式規範。
- 英文字將「HTML、CSS、OXXO」都改成大寫字母，「js-bin」改成「JS-Bin」，其他全都改成小寫英文字母。
- 如果字幕文字中間出現文字「{br}」，請在文字「{br}」的位置將字幕分成兩段並移除文字「{br}」，分段後將原本該段字幕的時間，根據分段後的字幕字數比例分段，如果字數有英文字，將該英文字當作兩個中文字使用
- 如果有分段，分段後請調整全部字幕的序號。
- 檢查中文或英文是否有錯，如果有錯請協助修正。
- 完成後提供給我 srt 檔案

更多參考：

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