随笔之——伪类选择器：nth-child(n) 与 nth-of-type(n)的区别！！！
2024-10-09 01:17:31
话不多说！直接正题！！！
一、E:nth-child(n)///选中父元素中第（n）个元素.若第n个元素为E则选中；若第n个不为E则不选中。n可以为2n（偶数）、2n+1（奇数）、等...
二、E:nth-of-type(n)///选中父元素中第（n）个为E的元素。n的取值同上。
三、 举个栗子>>>
（1）下图可以看出两个选择符均可以达到想要的效果；没有什么区别。。。（往下看！）
（2）、下图可以看出两者的区别之处：li:nth-child（2)直接选中父元素中第二个元素 /// li:nth-of-type(2)则是选中父元素中第二个为li的元素。
深呼吸，下面还有。
（3）下面的图可以更加的确定他们的区别之处。。。
在其上多加了span，就出现了不一样的效果，可以看出nth-child受上面的影响很大，而nth-of-type则可以精确的选出来，无论上面添加标签与否///
这样，通过例子，就知道上面一、二两点的意思了！！！
最新文章
- lua执行字节码的过程介绍
- linux查看端口及端口详解
- Redis的入门及注意事项
- $().click(function(){}) 不管用 live()替代品 append之后
- Retina屏实现1px边框
- Python Windows环境下安装Python集成开发环境 学习之路（一）
- 不同版本CUDA编程的问题
- [转载] 推荐的C++书籍以及阅读顺序
- asp.net中一般处理程序中添加session
- 02_Jquery_01_id选择器
- Android Weekly Notes Issue #239
- poj 1077-Eight(八数码+逆向bfs打表)
- CSS样式覆盖规则
- mysql export mysqldump version mismatch upgrade or downgrade your local MySQL client programs
- 动态渲染页面爬取-Selenium & Splash
- 初识Dubbo+Zookeeprt搭建SOA项目
- malloc() 和 calloc()有啥区别
- golang 之 flag.String
- [JSOI2016]轻重路径[树链剖分]
- day 020 常用模块02