（一）單一 |【1】屬性選擇器 | | | | | | | |p[alt]|選擇具有att屬性的 |p元素 | |p[alt="val"] |選擇att屬性值 |等於val的p | |p[alt^="val"] |匹配att屬性值 |以val開頭的p | |p[alt$="val"] |匹配att屬 ...
（一）單一
| 【1】屬性選擇器 | ||
|---|---|---|
| p[alt] | 選擇具有att屬性的 | p元素 |
| p[alt="val"] | 選擇att屬性值 | 等於val的p |
| p[alt^="val"] | 匹配att屬性值 | 以val開頭的p |
| p[alt$="val"] | 匹配att屬性值 | 以val結尾的p |
| p[alt*="val"] | 匹配att屬性值 | 含有val的p |
【2】id選擇器
<h1 id="goods">建下錨點
<a href="#goods">接上連結
（二）複合
| 【3】偽類 | ||
|---|---|---|
| 常見偽類（DOM已有元素，單冒號） | :hover | 滑鼠經過 |
| :focus | 焦點 | |
| 結構偽類（DOM已有元素，單冒號） | p：first-child | 匹配父元素中的第一個子元素p |
| p：last-child | 父元素中的最後一個p | |
| p：nth-child（n） | 父元素中的第n個p | |
| 公式 | n是數字、關鍵字，從0算起 | |
| 2n | 偶數even | |
| 2n+1 | 奇數odd | |
| 5n | 5 10 15 | |
| n+5 | 從第5個開始（包含第5個） | |
| -n+5 | 選擇前5個 | |
| p：first-of-type | 指定類型E的第一個 | |
| p：last-of-type | 指定類型E的最後一個 | |
| p：nth-of-type（n） | 指定類型E的第n個 | |
| 偽元素（創建DOM元素，但屬於行內元素（用於盒子里的小圖標），雙冒號） | p::before | p元素內容的前面,加content（必須） |
| p::after | p元素內容的後面,加content（必須） |
