当前位置: 首页 > 面试题库 >

如何在不知道父元素的情况下选择第n个孩子?

马国源
2023-03-14
问题内容

我不知道在不知道父元素的情况下选择第n个元素,最后一个元素或第一个元素的方法。nth-child存在,但仅针对儿童,例如:

<div>
   <p>One</p>
   <p>Two</p>
</div>

p:last-child选择“两个”段落,然后p:first-child选择“一个”段落。但是,当我拥有动态代码却不知道父级名称是什么,甚至不知道父级实际是什么(可能是div,span,anchor,ul等)时,该怎么办?

例如:

<youdontknowwhat!>
   <p class="select-me">One</p>
   <p class="select-me">Two</p>
</youdontknowwhat!>

如何在这里选择第二段?(我无法选择,youdontknowwhat!因为我真的不知道它是什么元素(这只是一个假设名称)。

为何会出现first-childlast-child以及nth-child选择和NO:first:last:nth(像.select-me:first)?


问题答案:

:first什么不同:first-child呢?每个HTML元素都是DOM中其他元素的子元素,但<html>元素除外。– BoltClock

这是因为您不知道父元素。–福米茨

你不需要知道父元素:first-child:nth-child()工作。即使您未指定父元素, 它们也将起作用

保证以下选择器可以匹配任何适当的.select-me元素,而不管其父元素是什么:

.select-me:nth-child(2)


 类似资料:
  • 问题内容: 我有以下标记: 我希望将样式设置为“一个”和“三个”。 但是,标记也可以是: 我尝试使用以下CSS: 但是,正如预期的那样,这是每个样式的第一个子元素的样式。 如何更改CSS,以便可以定位属于的第1个和第3个? 问题答案: 您不能仅凭CSS选择器来做到这一点。和兄弟组合器仅限于共享其父代的子代/兄弟姐妹,正如其名称所暗示的那样,并且CSS选择器无法解释父子结构的这种变化,也没有类似选择

  • <div class="main"> <div class="activeBar"></div> <div class="activeBar"></div>*n <div class="activeBar"></div> <div class="item"></div> <div class="item"></div>*n <div class="item"></div> </div> activ

  • 这就是我可以在没有索引信息的情况下得到Seires的第一个元素的任何方法。 例如,我们有一个系列 打印主题: 如果不使用索引145,如何在这里获得146的值? 非常感谢你们

  • 问题内容: 是否有可能在CSS2中获得有序列表的第n个元素? (类似于CSS3) 仅供参考:我正在尝试将德语版本的Parcheesi编程为XHTML 1.1和CSS2兼容,并尝试通过使用有序列表来生成运动场,因此移动选项由数据结构预先确定。为了围绕中心定位,我想通过数字选择列表元素。 问题答案: 您可以将相邻的同级组合器与伪类一起使用,重复组合器的次数可以达到第n个孩子。 对于任何元素,均以开头,

  • 我通过以下方式通过文本找到了一个孩子。 问题是我需要单击父元素。页面上的元素是动态显示的,之前我只知道文本。是否可以对此进行编程? 我的html:

  • 问题内容: 这是我的json: 有什么方法可以在不知道键是什么的情况下访问此数组中的键和值(在javascript中)? 我的json这样构造的原因是,我通过jquery调用的网络方法正在返回字典。如果无法使用上述方法,那么我需要对返回数据的方式进行哪些更改? 这是我的网络方法的概述: 问题答案: 您可以使用该构造遍历对象的任意属性: