大佬教程收集整理的这篇文章主要介绍了深入理解E:nth-type-of(n)和E：nth-child(n)的区别，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
| 选择符 | 简介 | 选择元素的方式 |
| E:nth-child(n) | 匹配父元素中第n个子元素E |
查找兄弟元素中某个绝对位置的元素 p:ntn-child(2)选择某父元素的子元素p,并且p是父元素的第二个子元素 |
| E:nth-type-of(n) | 指定类型E的第n个 |
查找同类型元素中某个绝对位置的元素 p:nth-of-type(2)，选择某父元素的子元素p，并且p是父元素的第二个是p的子元素 |
【n可以是一个数字，一个关键字，或者一个公式，比如：nth-child(odd) 奇数 ,nth-child(even) 偶数。】
举例：
<style> .box p:nth-child(2) { color: red; } .box p:nth-of-type(2) { color: seagreen; } </style> <body> <div class="box"> <h1>标题1</h1> <p>段落1</p> <p>段落2</p> <p>段落3</p> </div> </body>
以上是大佬教程为你收集整理的深入理解E:nth-type-of(n)和E：nth-child(n)的区别全部内容，希望文章能够帮你解决深入理解E:nth-type-of(n)和E：nth-child(n)的区别所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。