当多个父母只有这个独生子女时才会生孩子

时间:2017-02-15 20:45:29

标签: css css-selectors

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

问:如果一个元素是两个或多个不同父母的独生子女,那么你如何只对一个父母使用独生子女?

背景信息:我正在使用CSS Diner上的独生子课。布局如下:盘子上的苹果,盘子上的泡菜,便当上的泡菜,盘子上的大橙子和小橙子,以及桌子上的泡菜。我应该使用独生子来选择盘子上的苹果和盘子上的泡菜。这种情况下的板块是父元素。

显然,盘子上的苹果将是苹果:独生子女。然而,我被困在泡菜上,因为它是一个盘子和便当的独生子。我的想法是简单地使用plate> pickle,但是从课程中我可以用独生子选择器以某种方式做到这一点。

那么,有没有办法只使用儿童来选择盘子上的泡菜而不是便当?

谢谢!

1 个答案:

答案 0 :(得分:1)

  

问:如果一个元素是两个或多个不同父母的独生子女,那么你如何只对一个父母使用独生子女?

答:您可以与子组合子>一起指定要与子项匹配的父项。

在这种情况下,你可以放心地使用plate > :only-child,因为只有苹果和泡菜是他们父母板块中唯一的孩子;虽然有一盘橘子,但橘子不是唯一的孩子,所以它们不会匹配:only-child