前端的小玩意（10）CSS3的:nth选择器

原文来源于：

http://www.w3cplus.com/css3/pseudo-class-selector

的编号三

给没有使用过人的说明：

①带括号的，里面放其参数，参数是其编号，参数可以是表达式；

②第一个元素的编号是1；

③如果参数是n，表示n是可变的，n值是正整数再加上0，所有符合的都会被应用；

例如：

:nth-child(n)表示所有子节点（0~正无穷）；

:nth-child(2n+1)表示编号为奇数的子节点（1，3，5，7……）；

:nth-child(3n+1)表示编号为1，4，7，10……的子节点

1.  :first-child
2. 选择某个元素的第一个子元素；
3. 
   
4.  :last-child
5. 选择某个元素的最后一个子元素；
6. 
   
7.  :nth-child()
8. 选择某个元素的一个或多个特定的子元素；
9. 
   
10.  :nth-last-child()
11. 选择某个元素的一个或多个特定的子元素，从这个元素的最后一个子元素开始算；
12. 
    
13.  :nth-of-type()
14. 选择指定的元素；
15. 
    
16.  :nth-last-of-type()
17. 选择指定的元素，从元素的最后一个开始计算；
18. 
    
19.  :first-of-type
20. 选择一个上级元素下的第一个同类子元素；
21. 
    
22.  :last-of-type
23. 选择一个上级元素的最后一个同类子元素；
24. 
    
25.  :only-child
26. 选择的元素是它的父元素的唯一一个了元素；
27. 
    
28.  :only-of-type
29. 选择一个元素是它的上级元素的唯一一个相同类型的子元素；
30. 
    
31.  :empty
32. 选择的元素里面没有任何内容。