# nth伪类选择器

# 1 :nth-child(){ }

作用：选择父元素的第几个子元素

<body>
	<div>
		<p></p>
		<p></p>
		<p></p>
	</div>
</body>

@前端进阶之旅: 代码已经复制到剪贴板

div:nth-child(n){
	color: red;
}

@前端进阶之旅: 代码已经复制到剪贴板

div:nth-child(2n+1){
	color: red;
}

@前端进阶之旅: 代码已经复制到剪贴板

div:nth-child(2n){
	color: red;
}

@前端进阶之旅: 代码已经复制到剪贴板

div:nth-child(2){
	color: red;
}