四十九:CSS3之基本选择器之伪类选择器之结构类之nth选择器
nth选择器:也称CSS3结构类
选择器方法:
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
1.first-child:选择其父元素的首个子元素的每个element元素
2.last-child:选择其父元素的最后一个子元素的每个element元素
3.nth-child():匹配属于其父元素的第N个子元素,不论元素的类型
3.1也可以使用n表达式运算,取值从0开始,只能是n不能是其他字母,比如所有奇数:2n+1
3.2固定参数:odd:所有奇数
3.3固定参数:even:所有偶数
4.nth-last-child:匹配属于其元素的第N个子元素的每个元素(从1开始计数),不论元素类型,从最后一个子元素开始计数
5.nth-of-type:选择器匹配属于父元素的特定类型的第N个子元素的每个元素
6.nth-last-of-type:选择器匹配属于父元素的特定类型的第N个子元素,从最后一个子元素开始计数
7.first-of-type:选择器匹配属于其父元素的特定类型的首个子元素的每个元素
8.last-of-type:选择器匹配属于其父元素的特定类型的最后一个子元素的每个元素
9.only-child:选择器匹配属于其父元素的唯一子元素的每个元素
10.only-of-type:选择器匹配属于其父元素的特定类型的唯一子元素的每个元素
11.empty:选择器匹配没有子元素(包括文本节点)的每个元素
否定选择器:
not:(element/selector)选择器匹配非指定元素的/选择器的每个元素