第一次发布，当前学生正在学习CSS伪选择器。
问：如果元素是两个或多个不同父母的独生子女，那么您如何仅对其中一个父母使用独生子女？
上下文：我正在使用独生子女课程学习CSS Diner。布局如下：在盘子上的苹果，在盘子上的酱菜，在便当上的酱菜，在盘子上的大橘子和小橘子，以及桌子本身的泡菜。我应该用独生子女来选择盘子上的苹果和盘子上的泡菜。在这种情况下，板是父元素。
显然，盘子上的苹果是apple：only-child。但是，我被泡菜卡住了，因为它既是盘子又是便当的唯一孩子。我的想法是只使用plate> pickle，但是从课程中可以看出，我应该可以通过独生子选择器以某种方式做到这一点。
因此，有没有办法使用独生子女在盘子上而不是在便当上选择泡菜？
谢谢！
最佳答案
问：如果元素是两个或多个不同父母的独生子女，那么您如何仅对其中一个父母使用独生子女？
答：您可以与子组合器>一起指定要与之匹配的父项。
在这种情况下，您可以放心使用plate > :only-child，因为只有苹果和泡菜才是其父板的唯一子代。尽管有一盘橙子，但橙子并不是唯一的孩子，因此它们与:only-child不匹配。
关于css - 多于一个 parent 的独生子女，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42259688/