css 中伪类 nth-child 的理解

很多人对 css中的伪类器 nth-child 理解不是很到位

下面介绍它们的使用方法：

举例1：　

　　

　

　例中 li:nth-child(1) 为 li 同级下的第一个子元素（换句话说也就是 ul 下的第一个子元素）

 

举例2：

　　

 

　　　例中 li:nth-child(2) 为 li 同级下的第二个子元素（换句话说也就是 ul 下的第二个子元素）又因为 ul 的第一个子元素是h3，所以不是li元素，所以这里我们需要把 nth-child 的参数改为 2