通用和n-child选择器之间的差异，以获得所有直接的孩子？

查看w3school：nth-​​child（）选择器用于选择特定子级，但如果要从容器中选择所有内容，请使用*选择器。在使用：nth-​​child（n）的情况下，与使用*选择器相同，*使用较少的空间。

不知道帮助。

我知道，通用选择是缓慢的

号，通用选择是快，因为它确实什么除了保证比赛（也有少数例外，但他们不这样做适用于此）。 “缓慢”的唯一时候是当你有一个页面的元素数量可笑的时候（数以千计） - 那么浏览器必须在每个元素上运行它，以确定它是否是任何父项的子项。

使用:nth-child(n)不必要求浏览器评估一个n表达式，而不是立即匹配没有提出问题的元素。即使浏览器确实对:nth-child(n)进行了优化，但您仍然可以按照*的工作方式进行保证匹配。所以你真的只是浪费空间，通过使用:nth-child(n)（比*长12个字节），并没有获得任何计算收益，而只使用*。

只需使用通用选择器即可。或者，如果您担心CSS选择器的性能，那么您总是可以为每个所需的子元素添加一个类名，然后选择该类，代价是标记膨胀。