app-container div:nth-child(2) 和 app-container > div:nth-child(2) 的区别是什么
1、用空格
app-container div:nth-child(2) 选择器会选中 .app-container 下所有的 div 元素中的第二个 div
这意味着不考虑嵌套在多少层级下,只要是在 .app-container 内的 div 元素的第二个将被选择
2、用>
app-container > div:nth-child(2) 选择器使用了子代选择器 >,表示仅选择作为.app-container 的直接子元素的 div 元素中的第二个
这样做意味着,选择器将只匹配嵌套在.app-container 直接子级的 div 元素,而不会考虑更深层级的嵌套