第一次发帖,当前学生学习CSS伪选择器。
问:如果一个元素是两个或多个不同父母的独生子女,那么你如何只对一个父母使用独生子女?
背景信息:我正在使用CSS Diner上的独生子课。布局如下:盘子上的苹果,盘子上的泡菜,便当上的泡菜,盘子上的大橙子和小橙子,以及桌子上的泡菜。我应该使用独生子来选择盘子上的苹果和盘子上的泡菜。这种情况下的板块是父元素。
显然,盘子上的苹果将是苹果:独生子女。然而,我被困在泡菜上,因为它是一个盘子和便当的独生子。我的想法是简单地使用plate> pickle,但是从课程中我可以用独生子选择器以某种方式做到这一点。那么,有没有办法只使用儿童来选择盘子上的泡菜而不是便当?
谢谢!
答案 0 :(得分:1)
问:如果一个元素是两个或多个不同父母的独生子女,那么你如何只对一个父母使用独生子女?
答:您可以与子组合子>
一起指定要与子项匹配的父项。
在这种情况下,你可以放心地使用plate > :only-child
,因为只有苹果和泡菜是他们父母板块中唯一的孩子;虽然有一盘橘子,但橘子不是唯一的孩子,所以它们不会匹配:only-child
。