css伪类选择器【:nth-of-type（n）】和【:nth-child（n）】的基友关系【用法对比】

总结：

div：nth-of-type（n）代表他是第n个类型为div的子元素，不管在他之前有多少 个同级元素，只要不是div类型就都不算数，就是说这个div元素不一定在父元素中是第n个子元素，但他一定是第n个div元素；而child先生只在乎你这个div是不是父元素的第n个孩子

div：nth-child（n）就代表他是父元素的div元素，并且他是爸爸元素的第n个孩子元素，他之前的所有同级元素都算数，如果第n个子元素不是div元素，那对不起，爸爸要的不是你，爸爸宁可没有儿子也不会乱认儿子，所以这时候 div：nth-child（n）后面花括号内的操作不会起作用。
 

参考文档：https://blog.csdn.net/weixin_41957484/article/details/80411082