HTML5学习_day13(2)--nth-child(n)伪类选择器(多标签时不通过id,class来快速选中标签)

nth-child

作用：可以不通过id,class来快速选中标签

用法：

<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>

可以通过
div:nth-child(2)
来快速选中第二个div
nth-child(n):n可输出正整数,代表选中第几个

控制第8个元素的样式
div:nth-child(8){
color: red;
}
注意:第八个元素若不是div标签 那没有选中 选择第几个元素时不管前面的元素的类型

同一个类型标签奇数位置的标签选中
div:nth-child(2n-1){
color: green;
}

同一个类型标签偶数位置的标签选中
div:nth-child(2n){
color: blue;
}

3的倍数位置nth-child(3n) 4的倍数nth-child(4n)