CSS Diner 해답을 찾아보면서 CSS강좌에서 배운 Selector를 다시 정리할 수 있습니다.

https://flukeout.github.io/ 

1. A
   
2. A
   
3. #id
   
4. A  B
   
5. #id  A
   
6. .classname
   
7. A.className
   
8. Put your back into it!
   
9. A, B
   
10. *
    
11. A  *
    
12. A + B
    
13. A ~ B
    
14. A > B 
    
15. :first-child
    
16. :only-child
    
17. :last-child
    
18. :nth-child(A)
    
19. :nth-last-child(A)
    
20. :first-of-type
    
21. :nth-of-type(A)
    
22. :nth-of-type(An+B)
    
23. :only-of-type
    
24. :last-of-type
    
25. :empty
    
26. :not(X)
    
27. [attribute]
    
28. A[attribute]
    
29. [attribute="value"]
    
30. [attribute^="value"]
    
31. [attribute$="value"]
    
32. [attribute*="value"]