5.“ 的父元素里面的à第二个子元素”的意思就是：.box这个元素里面的第二个子元素：
6.别忘记我们第1条里面的“确定了选择的是.box元素里面的p元素”，我们确定了这个第二个元素就是p元素，因此得出的效果是：
怎么样?现在明白.box p:nth-child(2)是什么意思了吧~那我们再来看下.box p:nth-of-type(2)吧~
.box p:nth-of-type(2)
.box p:nth-of-type(2)的效果是选择出了第二个p标签，也就是.box里的第三个子元素。
翻译下：
1.确定了选择的是.box元素里面的p元素。
2.选择的是.box的子元素里面àp元素à的父元素里面的à第二个p元素。
3.我们来分析下第二点到底是什么意思：”.box的子元素里面àp元素”指的是这两个元素：
4.“ p元素à的父元素”指的就是.box这个元素：
5.“ 的父元素里面的à第二个p元素”的意思就是：.box这个元素里面的p元素里的第二个，所以这里我们就不用管其他元素，只找p元素就可以了，因此选择出的结果是：
案例中的.box p:nth-child(2)和.box p:nth-of-type(2)区别就在于是第二个子元素还是第二个p元素
其实区别很简单：:nth-of-type为什么要叫:nth-of-type?因为它是以"type"来区分的。所以我们只需要找这个类型的元素，其他元素都可以视而不见。
>>本文地址：https://www.ujiuye.com/zhuanye/2020/55049.html
声明:本站稿件版权均属中公教育优就业所有，未经许可不得擅自转载。
1 您的年龄
2 您的学历
3 您更想做哪个方向的工作？
大前端
大数据
互联网营销
Java
Linux
Python
嵌入式
全域电商运营
软件测试
室内设计
平面设计
电商设计
网页设计
UI设计
VR/AR
网络安全
新媒体
直播带货
智能机器人
中公教育IT培训品牌
400-650-7353
Copyright©1999-
北京中公教育科技有限公司 .All Rights Reserved
京ICP备10218183号-88
京ICP证161188号
京公网安备11010802020723号
投诉建议：400-650-7353
Java培训
软件测试培训
Web培训
Linux培训
Python培训
互联网营销培训
UI培训
大数据培训
官方公众号 回复"大礼包"享福利 
领学习资料 分享IT知识 
阅读()
分享
手机端入口
