一. 基礎(chǔ)
1. 選中所有的<p>標(biāo)簽；
2. 選中所有的<ol>標(biāo)簽；
3. 選中所有的<ul>標(biāo)簽；
4. 選中所有id為happy的標(biāo)簽；
5. 選中所有id為sad的標(biāo)簽；
6. 選中所有id為angry的標(biāo)簽；
7. 選中所有類名為class1的標(biāo)簽；
8. 選中所有類名為class2的標(biāo)簽；
9. 選中所有類名為class3的標(biāo)簽；
10. 選中所有類名為class4的標(biāo)簽；
11. 選中所有類名為class5的標(biāo)簽；
12. 選中所有類名為class6的標(biāo)簽；
13. 選中所有的html元素；
14. 選中所有的html元素；
15. 選中所有的html元素；
16. 選中所有的class1類、class2類和class3類；
17. 選中所有的id為happy、id為sad和id為angry的類；
18. 選中所有的<p>標(biāo)簽、<h1>標(biāo)簽和<h2>標(biāo)簽；
19. 選中所有<article>標(biāo)簽下的所有<p>標(biāo)簽；
20. 選中所有<header>標(biāo)簽下的所有<p>標(biāo)簽；
21. 選中所有<footer>標(biāo)簽下的所有<p>標(biāo)簽；
22. 選中所有class1類下的所有p標(biāo)簽；
23. 選中所有class2類下的所有p標(biāo)簽；
24. 選中所有class3類下的所有p標(biāo)簽；
25. 選中所有id為happy下的所有p標(biāo)簽；
26. 選中所有id為sad下的所有p標(biāo)簽；
27. 選中所有id為angry下的所有p標(biāo)簽；
28. 選中所有<article>標(biāo)簽下的所有子級(jí)<p>標(biāo)簽；
29. 選中所有<header>標(biāo)簽下的所有子級(jí)<p>標(biāo)簽；
30. 選中所有<footer>標(biāo)簽下的所有子級(jí)<p>標(biāo)簽；
31. 選中所有class1類下的所有子級(jí)p標(biāo)簽；
32. 選中所有class2類下的所有子級(jí)p標(biāo)簽；
33. 選中所有class3類下的所有子級(jí)p標(biāo)簽；
34. 選中所有id為happy的標(biāo)簽下的所有子級(jí)p標(biāo)簽；
35. 選中所有id為sad的標(biāo)簽下的所有子級(jí)p標(biāo)簽；
36. 選中所有id為angry的標(biāo)簽下的所有子級(jí)p標(biāo)簽；
37. 選中所有緊跟在<article>標(biāo)簽后的一個(gè)<p>標(biāo)簽；
38. 選中所有緊跟在<header>標(biāo)簽后的一個(gè)<p>標(biāo)簽；
39. 選中所有緊跟在<footer>標(biāo)簽后的一個(gè)<p>標(biāo)簽；
40. 選中所有緊跟在class1類后的一個(gè)<p>標(biāo)簽；
41. 選中所有緊跟在class2類后的一個(gè)<p>標(biāo)簽；
42. 選中所有緊跟在class3類后的一個(gè)<p>標(biāo)簽；
43. 選中所有緊跟在id為happy的標(biāo)簽后的一個(gè)<p>標(biāo)簽；
44. 選中所有緊跟在id為sad的標(biāo)簽后的一個(gè)<p>標(biāo)簽；
45. 選中所有緊跟在id為angry的標(biāo)簽后的一個(gè)<p>標(biāo)簽；
46. 選中所有與<article>標(biāo)簽同級(jí)的<p>標(biāo)簽；
47. 選中所有與<header>標(biāo)簽同級(jí)的<p>標(biāo)簽；
48. 選中所有與<footer>標(biāo)簽同級(jí)的<p>標(biāo)簽；
49. 選中所有與class1類同級(jí)的p標(biāo)簽；
50. 選中所有與class2類同級(jí)的p標(biāo)簽；
51. 選中所有與class3類同級(jí)的p標(biāo)簽；
52. 選中所有與id為happy的標(biāo)簽同級(jí)的p標(biāo)簽；
53. 選中所有與id為sad的標(biāo)簽同級(jí)的p標(biāo)簽；
54. 選中所有與id為angry的標(biāo)簽同級(jí)的p標(biāo)簽；
55. 按順序，選中所有未訪問過的<a>標(biāo)簽、訪問過的<a>標(biāo)簽、鼠標(biāo)懸停時(shí)的<a>標(biāo)簽、按下不放時(shí)的<a>標(biāo)簽；
56. 按順序，選中所有未訪問過的<input>標(biāo)簽、訪問過的<input>標(biāo)簽、鼠標(biāo)懸停時(shí)的<input>標(biāo)簽、按下不放時(shí)的<input>標(biāo)簽；
57. 按順序，選中所有未訪問過的<button>標(biāo)簽、訪問過的<button>標(biāo)簽、鼠標(biāo)懸停時(shí)的<button>標(biāo)簽、按下不放時(shí)的<button>標(biāo)簽；
58. 按順序，選中所有未訪問過的類名為class1的標(biāo)簽、訪問過的類名為class1的標(biāo)簽、鼠標(biāo)懸停時(shí)的類名為class1的標(biāo)簽、按下不放時(shí)的類名為class1的標(biāo)簽；
59. 按順序，選中所有未訪問過的id為happy的標(biāo)簽、訪問過的id為happy的標(biāo)簽、鼠標(biāo)懸停時(shí)的id為happy的標(biāo)簽、按下不放時(shí)的id為happy的標(biāo)簽；
60. 按順序，選中所有未訪問過的id為sad的標(biāo)簽、訪問過的id為sad的標(biāo)簽、鼠標(biāo)懸停時(shí)的id為sad標(biāo)簽、按下不放時(shí)的id為sad的標(biāo)簽；
61. 選中所有<p>標(biāo)簽，并且這個(gè)<p>標(biāo)簽是其父標(biāo)簽中的第一個(gè)標(biāo)簽；
62. 選中所有<button>標(biāo)簽，并且這個(gè)<button>標(biāo)簽是其父標(biāo)簽中的第一個(gè)標(biāo)簽；
63. 選中所有<input>標(biāo)簽，并且這個(gè)<input>標(biāo)簽是其父標(biāo)簽中的第一個(gè)標(biāo)簽；
64. 選中所有類名為class1的標(biāo)簽，并且這個(gè)類名為class1的標(biāo)簽是其父標(biāo)簽中的第一個(gè)標(biāo)簽；
65. 選中所有id為angry的標(biāo)簽，并且這個(gè)id為angry的標(biāo)簽是其父標(biāo)簽中的第一個(gè)標(biāo)簽；
66. 選中所有id為happy的標(biāo)簽，并且這個(gè)id為happy的標(biāo)簽是其父標(biāo)簽中的第一個(gè)標(biāo)簽；
67. 選中所有<p>標(biāo)簽，并且這個(gè)<p>標(biāo)簽是其父標(biāo)簽<div>中的第一個(gè)標(biāo)簽；
68. 選中所有<button>標(biāo)簽，并且這個(gè)<button>標(biāo)簽是其父標(biāo)簽<div>中的第一個(gè)標(biāo)簽；
69. 選中所有<input>標(biāo)簽，并且這個(gè)<input>標(biāo)簽是其父標(biāo)簽<div>中的第一個(gè)標(biāo)簽；
70. 選中所有類名為class1的標(biāo)簽，并且這個(gè)類名為class1的標(biāo)簽是其父標(biāo)簽<div>中的第一個(gè)標(biāo)簽；
71. 選中所有id為angry的標(biāo)簽，并且這個(gè)id為angry的標(biāo)簽是其父標(biāo)簽<div>中的第一個(gè)標(biāo)簽；
72. 選中所有id為happy的標(biāo)簽，并且這個(gè)id為happy的標(biāo)簽是其父標(biāo)簽<div>中的第一個(gè)標(biāo)簽；
73. 選中所有<p>標(biāo)簽，并且這個(gè)<p>標(biāo)簽是其類名為class1的父標(biāo)簽中的第一個(gè)標(biāo)簽；
74. 選中所有<button>標(biāo)簽，并且這個(gè)<button>標(biāo)簽是其類名為class2的父標(biāo)簽中的第一個(gè)標(biāo)簽；
75. 選中所有<input>標(biāo)簽，并且這個(gè)<input>標(biāo)簽是其類名為class3的父標(biāo)簽中的第一個(gè)標(biāo)簽；
76. 選中所有類名為class1的標(biāo)簽，并且這個(gè)類名為class1的標(biāo)簽是其類名為class4的父標(biāo)簽中的第一個(gè)標(biāo)簽；
77. 選中所有id為angry的標(biāo)簽，并且這個(gè)id為angry的標(biāo)簽是其類名為class5的父標(biāo)簽中的第一個(gè)標(biāo)簽；
78. 選中所有id為happy的標(biāo)簽，并且這個(gè)id為happy的標(biāo)簽是其類名為class6的父標(biāo)簽中的第一個(gè)標(biāo)簽；
79. 選中所有<p>標(biāo)簽，并且這個(gè)<p>標(biāo)簽是其id為fff的父標(biāo)簽中的第一個(gè)標(biāo)簽；
80. 選中所有<button>標(biāo)簽，并且這個(gè)<button>標(biāo)簽是其id為fff的父標(biāo)簽中的第一個(gè)標(biāo)簽；
81. 選中所有<input>標(biāo)簽，并且這個(gè)<input>標(biāo)簽是其id為fff的父標(biāo)簽中的第一個(gè)標(biāo)簽；
82. 選中所有類名為class1的標(biāo)簽，并且這個(gè)類名為class1的標(biāo)簽是其id為fff的父標(biāo)簽中的第一個(gè)標(biāo)簽；
83. 選中所有id為angry的標(biāo)簽，并且這個(gè)id為angry的標(biāo)簽是其id為fff的父標(biāo)簽中的第一個(gè)標(biāo)簽；
84. 選中所有id為happy的標(biāo)簽，并且這個(gè)id為happy的標(biāo)簽是其id為fff的父標(biāo)簽中的第一個(gè)標(biāo)簽；
85. 選中<ul>標(biāo)簽下的第1個(gè)子標(biāo)簽；
86. 選中<ul>標(biāo)簽下的第2個(gè)子標(biāo)簽；
87. 選中<ul>標(biāo)簽下的第3個(gè)子標(biāo)簽；
88. 選中<ul>標(biāo)簽下的第1個(gè)子標(biāo)簽和第2個(gè)子標(biāo)簽；
89. 選中<ul>標(biāo)簽下的第1個(gè)子標(biāo)簽和第4個(gè)子標(biāo)簽；
90. 選中<ul>標(biāo)簽下的第3個(gè)子標(biāo)簽和第6個(gè)子標(biāo)簽；
91. 選中所有標(biāo)簽下，使用者選中的部分；
92. 選中所有標(biāo)簽下，使用者選中的部分；
93. 選中所有標(biāo)簽下，使用者選中的部分；
94. 在每個(gè)<p>標(biāo)簽之后，都插入圖片../img/img1.png；
95. 在每個(gè)<p>標(biāo)簽之后，都插入圖片../img/img2.png；
96. 在每個(gè)<p>標(biāo)簽之后，都插入圖片../img/img3.png；
97. 在每個(gè)<p>標(biāo)簽之前，都插入圖片../img/img1.png；
98. 在每個(gè)<p>標(biāo)簽之前，都插入圖片../img/img2.png；
99. 在每個(gè)<p>標(biāo)簽之前，都插入圖片../img/img3.png；

一. 基礎(chǔ)
1. p{ ... }
2. ol{ ... }
3. ul{ ... }
4. #happy{ ... }
5. #sad{ ... }
6. #angry{ ... }
7. .class1{ ... }
8. .class2{ ... }
9. .class3{ ... }
10. .class4{ ... }
11. .class5{ ... }
12. .class6{ ... }
13. *{ ... }
14. *{ ... }
15. *{ ... }
16. .class1, .class2, .class3{ ... }
17. #happy, #sad, #angry{ ... }
18. p, h1, h2{ ... }
19. article p{ ... }
20. header p{ ... }
21. footer p{ ... }
22. .class1 p{ ... }
23. .class2 p{ ... }
24. .class3 p{ ... }
25. #happy p{ ... }
26. #sad p{ ... }
27. #angry p{ ... }
28. article > p{ ... }
29. header > p{ ... }
30. footer > p{ ... }
31. .class1 > p{ ... }
32. .class2 > p{ ... }
33. .class3 > p{ ... }
34. #happy > p{ ... }
35. #sad > p{ ... }
36. #angry > p{ ... }
37. article + p{ ... }
38. header + p{ ... }
39. footer + p{ ... }
40. .class1 + p{ ... }
41. .class2 + p{ ... }
42. .class3 + p{ ... }
43. #happy + p{ ... }
44. #sad + p{ ... }
45. #angry + p{ ... }
46. article ~ p{ ... }
47. header ~ p{ ... }
48. footer ~ p{ ... }
49. .class1 ~ p{ ... }
50. .class2 ~ p{ ... }
51. .class3 ~ p{ ... }
52. #happy ~ p{ ... }
53. #sad ~ p{ ... }
54. #angry ~ p{ ... }
55. a:link{ ... } ? ?a:visited{ ... } ? ?a:hover{ ... } ? ?a:active{ ... }
56. input:link{ ... } ? ?input:visited{ ... } ? ?input:hover{ ... } ? ?input:active{ ... }
57. button:link{ ... } ? ?button:visited{ ... } ? ?button:hover{ ... } ? ?button:active{ ... }
58. .class1:link{ ... } ? ?.class1:visited{ ... } ? ?.class1:hover{ ... } ? ?.class1:active{ ... }
59. #happy:link{ ... } ? ?#happy:visited{ ... } ? ?#happy:hover{ ... } ? ?#happy:active{ ... }
60. #sad:link{ ... } ? ?#sad:visited{ ... } ? ?#sad:hover{ ... } ? ?#sad:active{ ... }
61. p:first-child{ ... }
62. button:first-child{ ... }
63. input:first-child{ ... }
64. .class1:first-child{ ... }
65. #angry:first-child{ ... }
66. #happy:first-child{ ... }
67. div p:first-child{ ... }
68. div button:first-child{ ... }
69. div input:first-child{ ... }
70. div .class1:first-child{ ... }
71. div #angry:first-child{ ... }
72. div #happy:first-child{ ... }
73. .class1 p:first-child{ ... }
74. .class2 button:first-child{ ... }
75. .class3 input:first-child{ ... }
76. .class4 .class1:first-child{ ... }
77. .class5 #angry:first-child{ ... }
78. .class6 #happy:first-child{ ... }
79. #fff p:first-child{ ... }
80. #fff button:first-child{ ... }
81. #fff input:first-child{ ... }
82. #fff .class1:first-child{ ... }
83. #fff #angry:first-child{ ... }
84. #fff #happy:first-child{ ... }
85. ul > li:nth-child(1){ ... }
86. ul > li:nth-child(2){ ... }
87. ul > li:nth-child(3){ ... }
88. ul > li:nth-child(1), ul > li:nth-child(2){ ... }
89. ul > li:nth-child(1), ul > li:nth-child(4){ ... }
90. ul > li:nth-child(3), ul > li:nth-child(6){ ... }
91. ::selection{ ... }
92. ::selection{ ... }
93. ::selection{ ... }
94. p::after{ content: url(../img/img1.png); }
95. p::after{ content: url(../img/img2.png); }
96. p::after{ content: url(../img/img3.png); }
97. p::before{ content: url(../img/img1.png); }
98. p::before{ content: url(../img/img2.png); }
99. p::before{ content: url(../img/img3.png); }