以https://bj.fang.lianjia.com/loupan/p_ycyxhfaawyk/huxingtu/1120032477145011.html为例,观察.news-glob > div:nth-child(10)
和.news-glob > div:nth-of-type(10)
的区别。
实验发现:
div:nth-child(10)
:是选择第10个子节点(按顺序看所有子节点),若第10个子节点是div节点,则返回该节点,若该节点不是div节点,则返回空。
div:nth-of-type(10)
:选择第10个div节点(只看div节点)。
很多网友的分析晦涩难懂,这么说应该很好理解吧๑乛◡乛๑。