CHAPTER 01:概述
1-1 為什麼CSS 選擇器很強
1-2 CSS選擇器世界的一些基本概念
1-3 無效CSS 選擇器特性與實際應用
CHAPTER 02:CSS 選擇器的優先順序
2-1 CSS 優先順序規則概覽
2-2 深入CSS 選擇器優先順序
2-3 為什麼按鈕:hover 變色了
CHAPTER 03:CSS 選擇器的命名
3-1 CSS 選擇器是否區分大小寫
3-2 CSS 選擇器命名的合法性
3-3 CSS 選擇器的命名是一個哲學問題
3-4 CSS 選擇器設計的最佳實踐
CHAPTER 04:精通CSS 組合選擇器
4-1 後代選擇器空格( )
4-2 子選擇器箭頭(>)
4-3 相鄰兄弟選擇器加號(+)
4-4 一般兄弟選擇器彎彎(~)
4-5 快速瞭解列選擇器雙管道(||)
CHAPTER 05:元素選擇器
5-1 元素選擇器的串接語法
5-2 標籤選擇器二三事
5-3 特殊的標籤選擇器:通用選擇器
CHAPTER 06:屬性選擇器
6-1 ID 選擇器和類選擇器
6-2 屬性值直接匹配選擇器
6-3 屬性值正則匹配選擇器
6-4 忽略屬性值大小寫的正則匹配運算子
CHAPTER 07:用戶行為虛擬類別
7-1 滑鼠經過虛擬類別:hover
7-2 啟動狀態虛擬類別:active
7-3 焦點虛擬類別:focus
7-4 整體焦點虛擬類別:focus-within
7-5 鍵盤焦點虛擬類別:focus-visible
CHAPTER 08:URL 定位虛擬類別
8-1 連結歷史虛擬類別:link 和:visited
8-2 超連結虛擬類別:any-link
8-3 目標虛擬類別:target
8-4 目標容器虛擬類別:target-within
CHAPTER 09:輸入虛擬類別
9-1 輸入控制項狀態
9-2 輸入值狀態
9-3 輸入值驗證
CHAPTER 10:樹結構虛擬類別
10-1 :root 虛擬類別
10-2 :empty 虛擬類別
10-3 子索引虛擬類別
10-4 匹配類型的子索引虛擬類別
CHAPTER 11:邏輯組合虛擬類別
11-1 否定虛擬類別 :not()
11-2 瞭解任意匹配虛擬類別 :is()
11-3 瞭解任意匹配虛擬類別 :where()
11-4 瞭解關聯虛擬類別 :has()
CHAPTER 12:其他虛擬類別選擇器
12-1 與作用域相關的虛擬類別
12-2 與全屏相關的虛擬類別 :fullscreen
12-3 瞭解語言相關虛擬類別
12-4 瞭解資源狀態虛擬類別