文章目录
序选择器
CSS3中新增的选择器中最具代表性的就是序选择器。
同级别的第几个
:first-child
选中同级别中的第一个标签。
注意点:不区分类型
:last-child
选中同级别中的最后一个标签。
注意点:不区分类型
nth-child(n)
选中同级别中的第n个标签。
注意点:不区分类型
:nth-child(odd)
选中同级别中的所有奇数标签;
:nth-child(even)
选中同级别中的所有偶数标签;
:nth-child(xn+y)
x和y是用户自定义,而n是一个计数器,从零开始递增。
p:nth-child(2n+0){
color: red;
}
:nth-last-child(n)
选中同级别中的倒数第n个标签。
注意点: