div:nth-of-type(3) {}/* 方法2：选择属于其父元素第3个 <div>元素的每个<div>元素 */
<style type="text/css">li:nth-child(n+3){color:red}
</style>
<ul>
<li>第一行</li>
<li>第二行</li>
<li>第三行</li>
<li>第四行</li>
<li>第五行</li>
<li>第六行</li>
</ul>
在开发中，需要这样一个需求，需要找到第n个孩子元素。一时想不起来应该怎么写，经过查阅后得知。
因此记录一下，以免日后再忘记。
:nth-child 是CSS伪类，它首先找到所有当前元素的兄弟元素，然后按照位置 先后顺序从1开始排序 ，选择的结果为CSS伪类:nth-chilid括号中表达式（an+b）匹配到的元素集合。（n=0,1,2,3）。
tr:nth-child(2n+1)
表示表格中的奇数行
tr:nth-child(odd)
表示表格汇总的奇数行
tr:nth-child(2n)
表示表格中的偶数行
tr:nth-child(even)
表示表格中的偶数行
span:nth-child(0n+1)
表示子元素中第一个且为span的元素，与:first-child选择器的作用相同
span:nth-child(-n+3)
匹配前三个子元素中的span元素
https://developer.mozilla.org/zh-CN/docs/Web/CSS/:nth-child
