前端的小玩意（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……的子节点

 :first-child

选择某个元素的第一个子元素；

 :last-child

选择某个元素的最后一个子元素；

 :nth-child()

选择某个元素的一个或多个特定的子元素；

 :nth-last-child()

选择某个元素的一个或多个特定的子元素，从这个元素的最后一个子元素开始算；

 :nth-of-type()

选择指定的元素；

 :nth-last-of-type()

选择指定的元素，从元素的最后一个开始计算；

 :first-of-type

选择一个上级元素下的第一个同类子元素；

 :last-of-type

选择一个上级元素的最后一个同类子元素；

 :only-child

选择的元素是它的父元素的唯一一个了元素；

 :only-of-type

选择一个元素是它的上级元素的唯一一个相同类型的子元素；

 :empty

选择的元素里面没有任何内容。