許多 CSS 的預處理器 ( 例如 Sass、Less ) 都有提供「巢狀結構」的語法 ( Nesting Selector、嵌套 )，透過巢狀結構的處理，在撰寫時就能更好理解每個父子元素的關係，目前主流的瀏覽器都已經支援「原生 CSS」的巢狀結構語法，這個單元介紹巢狀結構語法以及相關注意事項。

影片重點：

• 00:00:49 認識 CSS 巢狀結構
• 00:03:22 巢狀結構語法 ( 1 )：分層等於同一層的空白
• 00:03:48 巢狀結構語法 ( 2 )：使用 ＆ 表示同一層
• 00:06:27 巢狀結構語法 ( 3 )：搭配 ＠ 規則
• 00:08:31 巢狀結構語法的注意事項

相關參考：

• 教學文：使用巢狀結構語法 ( 嵌套語法 )
• 影片連結：https://www.youtube.com/watch?v=Hvkm-4JiPnY

後記

最近一直在用 SUNO AI 製作背景音樂，主要使用馬林巴木琴、邦哥鼓、烏克麗麗和手搖鈴作為主要的樂器，做出來的音樂雖然不錯，但有時候還是會出現奇怪的狀況，就是音樂會在莫名其妙的地方變成類似「結尾」然後突然又進入主旋律，有種閉起眼睛要享受最後 ending 但又突然醒過來的感受～

不過跟真人的音樂比起來，我覺得真人的音樂還是比較好聽，也比較有感情，但現在好像也分不太出來是真人還是 AI 就是了...

更多參考：

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