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同級別的其餘元素