<p>这是第二个div中的第二个p标签</p>
</div>
<script type="text/javascript">
$(function(){
$("div p:last-child").css("color","red");
});
</script>
结果：
这是第一个div中的第一个p标签
这是第一个div中的第二个p标签
这是第二个div中的第一个p标签
这是第二个div中的第二个p标签
40. :last-of-type : 结构化伪类，匹配E的父元素的最后一个E类型的子元素，大体的意思跟 :first-of-type 差不多，只是一个是第一个元素，一个是最后一个元素
<div>
<p>这是第一个div中的第一个p标签</p>
<p>这是第一个div中的第二个p标签</p>
<div>这是第一个div中的div标签</div>
</div>
<div>
<p>这是第二个div中的第一个p标签</p>
<p>这是第二个div中的第二个p标签</p>
</div>
<script type="text/javascript">
$(function(){
$("p:last-of-type").css("color","red");
});
</script>
结果：
这是第一个div中的第一个p标签
这是第一个div中的第二个p标签
这是第一个div中的div标签
这是第二个div中的第一个p标签
这是第二个div中的第二个p标签
41. :nth-child : 匹配其父元素下的第N个子或奇偶元素
注意！:eq(index)是从0开始，而这里的 :nth-child的序号是从1开始 的
<div>
<p>这是第一个div中的第一个p标签</p>
<p>这是第一个div中的第二个p标签</p>
</div>
<div>
<p>这是第二个div中的第一个p标签</p>
<p>这是第二个div中的第二个p标签</p>
</div>
<script type="text/javascript">
$(function(){
$("div p:nth-child(2)").css("color","red");
});
</script>
结果：
这是第一个div中的第一个p标签
这是第一个div中的第二个p标签
这是第二个div中的第一个p标签
这是第二个div中的第二个p标签
42. :nth-last-child : 选择所有他们父元素的第n个子元素，计数从最后一个元素开始到第一个，序号从1开始
注意：要有父级元素
<div>
<p>这是div中的第一个p标签</p>
<p>这是div中的第二个p标签</p>
<p>这是div中的第三个p标签</p>
</div>
<script type="text/javascript">
$(function(){
$("div p:nth-last-child(1)").css("color","red");
});
</script>
结果：
这是div中的第一个p标签
