本文主要是介绍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同级别的其他元素
这篇关于CSS3中nth-of-type和nth-last-of-type的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
