CSS3中nth-of-type和nth-last-of-type

1.使用nth-child和nth-last-child时会产生的问题

在使用nth-child和nth-last-child时，其计算子元素是奇数个元素仍是第偶数个元素时，是连同父元素中的全部子元素一块儿计算的。

当父元素是列表时，列表中只可能有列表项目一种子元素，因此不会出问题，可是当父元素是div时，div包含多种子元素，会出现问题。

2.使用nth-of-type和nth-last-of-type

<style type="text/css">

h2:nth-of-type(odd){

   background:yellow;

}

h2:nth-of-type(even){

  background:blue;

}

</style>

//只计算h2元素的，而不会包含和h2同级别的其余元素