第一次发帖，当前学生正在学习 CSS 伪选择器。
问:如果一个元素是两个或多个不同父项的独生子，如何对其中一个父项使用独生子？
上下文:我在 CSS Diner 上独生子女类(class)。布局如下:苹果在盘子里，泡菜在盘子里，泡菜在便当上，大橙子和小橙子在盘子里，泡菜在 table 上。我应该使用 only-child 来选择盘子里的苹果和盘子里的泡菜。此场景中的盘子是父元素。
显然盘子里的苹果是 apple:only-child。然而，我被泡菜困住了，因为它是盘子和便当的独生子。我的想法是简单地使用 plate>pickle，但从类(class)中听起来我应该能够以某种方式使用独生子选择器来做到这一点。
那么，有没有办法使用only-child来选择盘子上的泡菜而不是便当上的泡菜？
谢谢!
最佳答案
Q: if an element is an only-child to two or more different parents, how do you use only-child with respect to only one of the parents?
A:您可以结合子组合器 > 指定要匹配子项的父项。
在这种情况下，您可以安全地使用 plate > :only-child，因为只有 apple 和 pickle 是它们父 plate 的唯一 child ；尽管有一盘橙子，但橙子不是唯一的 child ，因此它们不会匹配 :only-child。
关于css - 独生子女，当不止一位 parent 拥有独生子女时，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42259688/