[CSS] & [JQUERY] Selettori di pseudo-classe e di pseudo-elementi

I selettori di pseudo-classi sono preceduti da un segno di due punti (:) e riguardano uno stato o condizione particolare in cui si trova l’elemento (ad es., un link già visitato o no).
I selettori di pseudo-elementi sono preceduti da un doppio segno di due punti (::) e riguardano parti specifiche di un elemento (ad es., la prima lettera o riga).

A
1. :active
2. ::after
3. :animated
B
4. ::before
5. :button
C
6. :checkbox
7. :checked
8. :contains()
D
9. :disabled
E
10. :empty
11. :enabled
12. :eq()
13. :even
F
14. :file
15. :first
16. :first-child
17. ::first-letter
18. ::first-line
19. :first-of-type
20. :focus
G
21. :gt()
H
22. :has()
23. :header
24. :hidden
25. :hover
I
26. :image
27. :in-range
28. :input
29. :invalid
L
30. :lang()
31. :last
32. :last-child
33. :last-of-type
34. :link
35. :lt()
M
N
36. :not()
37. :nth-child()
38. :nth-last-child()
39. :nth-last-of-type()
40. :nth-of-type()
O
41. :odd
42. :only-child()
43. :only-of-type
44. :optional
45. :out-of-range
P
46. :parent
47. :password
Q
R
48. :radio
49. :read-only
50. :read-write
51. :required
52. :reset
53. :root
S
54. :selected
55. ::selection
56. :submit
T
57. :target
58. :text
U
V
59. :valid
60. :visible
61. :visited
X
Y
Z