7、子元素过滤选择器
(1):nth-child(eq|even|odd|index) 获取每个父元素下的特定位置元素，索引号从1开始
$("div>p:nth-child(1)").css("background-color","red"); //选中每一个父元素下的div下的第一个直接P元素
<div>
<p>我是第一个P</p> *** 会被选中，是div下的第一个子P元素
<p>我是第二个P</p> *** 不会被选中，是第二个了
</div>
<div>
<P>我是第三个P</P> *** 会被选中，是div下的第一个子P元素
<P>我是第四个P</P> *** 不会被选中，是第二个了
</div>(2):first-child 选中每个父元素下的第一个
$("p:first-child").css("background-color","red"); //选中每一个父元素下的第一个P元素
<div>
<p>我是第一个P</p> *** 会被选中，是div下的第一个子P元素
<p>我是第二个P</p> *** 不会被选中，是第二个了
</div>
<ul>
<li>
<P>我是第三个P</P> *** 会被选中，是div下的第一个子P元素
<P>我是第四个P</P> *** 不会被选中，是第二个了
</li>
</ul>(3)、:last-child 选中每一个父元素下的最后一个元素
$("p:last-child").css("background-color","red"); //选中每一个父元素下的第一个P元素
<div>
<p>我是第一个P</p> *** 不会被选中，不是某父元素的最后一个子P元素
<p>我是第二个P</p> *** 会被选中，是div元素下的最后一个子P元素
</div>
<ul>
<li>
<P>我是第三个P</P> *** 不会被选中，不是某父元素下的最后一个子P元素
<P>我是第四个P</P> *** 会被选中，是div元素下的最后一个P元素
</li>
</ul>(4)、:only-child 获取每个父元素下唯一仅有的一个子元素
$("p:only-child").css("background-color","red");
<div>
<p>我是第一个P</p> ***不会被选中，不是某父元素下的唯一一个P元素
<p>我是第二个P</p> ***不会被选中，不是某父元素下的唯一一个P元素
</div>
<div>
<span>我是一个span</span> ***不会被选中，不是某父元素下的唯一一个P元素
<p>我是第三个P</p> ***不会被选中，不是某父元素下的唯一一个span元素
