CSS 屬性選擇器可以根據 HTML 元素的屬性名稱與屬性值，選取特定的元素，然而隨著瀏覽器與 CSS 的進步，甚至可以根據屬性值的字首、字尾或片段來選取元素，這個單元會介紹屬性選擇器的各種使用方法。

影片重點：

• 00:01:06 使用屬性名稱
• 00:03:14 使用「精確」屬性值
• 00:05:43 使用「部分」屬性值
• 00:08:30 加入「不區分大小寫」識別子
• 00:09:18 將 ID 或 Class 當作屬性選擇器的注意事項

相關參考：

• 教學文：CSS 屬性選擇器
• 影片連結：https://www.youtube.com/watch?v=_EvcR_P3maY

後記

CSS 的屬性我覺得超好用，好用的程度甚至比 class 還好用，尤其是未來一兩年內，attr() 的用法應該就會全面支援，到時候應該就是屬性的天下了吧！講到屬性，讓我想到最近玩了一款桌遊叫做「很久很久以前」，是個「講故事」相關的桌遊，裡面就有許多的「屬性牌」( 或元素牌 )，但這一款桌遊和 CSS 一點關係也沒有，反而是畫風設計很像 AI 畫出來的就是了...

然後我滿希望 IT 鐵人賽的「預覽」按鈕可以放在「儲存草稿」這邊，不然每次要預覽都要移動上去，然後預覽結束又要再移動一次... XD

更多參考：

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