02 CSS3-选择器详解（二）

选择器详解（二）

一，“-child”类型伪类选择器

1，:first-child

针对父元素的第一个子元素

2，:last-child

针对父元素的最后一个子元素

3，:nth-child（n）

1，针对顺序指定序号的子元素
2，针对奇偶性指定的子元素，odd奇数，even偶数

拓展：

：nth-child(n)

括号中的n 可依据 " αn + β "定律书写

"α"指每次循环中所包含的样式总数
"β"指是循环中所处的位置

示例：

li:nth-child(3n+1)
li:nth-child(3n+2)

4，:nth-last-child(n)

针对逆序指定序号的子元素

5，:only-child

针对只有一个子元素的元素

API权威解释

二，“-type”类型伪类选择器

1，:nth-of-type

顺序计算子元素奇偶时，只针对同类型的子元素进行计算

2，:nth-last-of-type

逆序计算子元素奇偶时，只针对同类型的子元素进行计算

API权威解释

示例：