Css 独生子女当一个以上的父母拥有该独生子女时

Css 独生子女当一个以上的父母拥有该独生子女时,css,css-selectors,Css,Css Selectors,第一次发布,当前学生学习CSS伪选择器 问:如果一个元素是两个或多个不同父元素的独生子元素,那么如何仅针对其中一个父元素使用独生子元素 背景:我在CSS Diner上独生子女课。布局如下:苹果在盘子上,泡菜在盘子上,泡菜在便当上,大橘子和小橘子在盘子上,泡菜在桌子上。我应该用独生子来选择盘子上的苹果和泡菜。此场景中的板是父元素 显然,盘子里的苹果是苹果:独生子。然而,我被泡菜困住了,因为它是盘子和便当的独生子。我的想法是简单地使用plate>pickle,但从课程中听来,我应该能够通过独生子选择

第一次发布,当前学生学习CSS伪选择器

问:如果一个元素是两个或多个不同父元素的独生子元素,那么如何仅针对其中一个父元素使用独生子元素

背景:我在CSS Diner上独生子女课。布局如下:苹果在盘子上,泡菜在盘子上,泡菜在便当上,大橘子和小橘子在盘子上,泡菜在桌子上。我应该用独生子来选择盘子上的苹果和泡菜。此场景中的板是父元素

显然,盘子里的苹果是苹果:独生子。然而,我被泡菜困住了,因为它是盘子和便当的独生子。我的想法是简单地使用plate>pickle,但从课程中听来,我应该能够通过独生子选择器以某种方式实现这一点

那么,有没有一种方法可以让独生子女选择盘子上的泡菜而不是便当上的泡菜

谢谢

问:如果一个元素是两个或多个不同父元素的独生子元素,那么如何仅针对其中一个父元素使用独生子元素

答:您可以与子组合器一起指定要与子对象匹配的父对象


在这种情况下,你可以安全地带着
plate>:独生子女
,因为只有苹果和泡菜是它们母盘子的独生子女;虽然有一盘橘子,但橘子不是唯一的孩子,因此它们不会匹配
:独生子女

盘子>*:独生子女
他们真的使用盘子和桌子作为例子吗?使用真实世界的例子有什么不对,比如一篇文章中的一节、一节中的一段和一篇文章中的一段……我认为他们只是想让它变得有趣。我放弃了他们的例子,因为我不想在不太熟悉选择器的情况下尝试切换到现实世界的例子来搞乱问题。谢谢!它工作得很好!