"競爭永遠只有一個冠軍，但我們依然可以選擇做自己的蓋世英雄，趕快披上漂亮的CSS外衣，好好表現自己一番吧，"
——有心人做有心事哦，晚安EmilyChen！
（一）單一
| 【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=https://www.cnblogs.com/MaricoCheung/p/"#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（必須） |
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/2366.html
標籤：Html/Css