CSS diner(第二天餐廳) 1-26 答案
阿新 • • 發佈：2018-12-28
第二天餐廳選擇器答案
| 題號 | 答案 | 選擇器 |
|---|---|---|
| 1 | plate | 元素選擇器 |
| 2 | bento | 元素選擇器 |
| 3 | #fancy | ID選擇器 |
| 4 | plate>apple | 子代元素選擇器 |
| 5 | #fancy>pickle | 子代選擇器 |
| 6 | .small | 類選擇器 |
| 7 | bento>orange,plate>.small | 子代選擇器、分組選擇器、類選擇器 |
| 8 | bento>orange | 子代選擇器 |
| 9 | plate,bento | 元素選擇器、分組選擇器 |
| 10 | * | 通配選擇器 |
| 11 | plate>* | 子代選擇器、通配選擇器 |
| 12 | plate+.small,plate+apple | 兄弟選擇器（後邊一個元素） |
| 13 | bento~pickle | 兄弟選擇器（後邊所有元素） |
| 14 | plate>apple | 子代選擇器 |
| 15 | plate>orange:first-child | 子元素選擇器（為第一個子元素） |
| 16 | apple,pickle:only-child | 並集選擇器（選擇父元素只包含一個同類型子元素） |
| 17 | apple,pickle:last-child | 並集選擇器 |
| 18 | :nth-child(3) | 子元素選擇器（為指定位置的子元素） |
| 19 | :nth-last-child(4) | 子元素選擇器（為bento標籤第一個子元素） |
| 20 | apple:first-of-type | 子元素選擇器（為apple標籤第一個子元素） |
| 21 | plate:nth-of-type(even) | 子元素選擇器 （為plate標籤偶數子元素） |
| 22 | plate:nth-of-type(2n+3) | 子元素選擇器（選擇第2n+3個plate元素）【公式2n+3中n是計數器（從0開始）3是偏移值】 |
| 23 | apple:only-of-type | 選擇父元素只包含一個同類型子元素，且包含apple元素 |
| 24 | orange:last-of-type,apple:last-of-type | 子元素選擇器（選擇最後一個標籤） |
| 25 | bento:empty | 選擇bento標籤沒有子元素的元素 |
| 26 | apple:not(.big,.small) | 子元素選擇器 （否定偽類） |
其中選擇器列中一部分參照了第二天餐廳選擇器答案