gpt4 book ai didi

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

转载 作者:技术小花猫 更新时间:2023-10-29 11:05:07 25 4
gpt4 key购买 nike

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

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

p:last-child 选择“Two”段落,p:first-child 选择“One”段落。但是,如果我有动态代码并且不知道父名称是什么,甚至不知道父的真正含义(可能是 div、span、anchor、ul 等)怎么办?

例如:

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

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

为什么有 first-childlast-childnth-child 选择器而没有 :first:last:nth(如 .select-me:first)?

最佳答案

How would :first be different from :first-child? Every HTML element is a child of some other element in the DOM except <html> which is the root element. – BoltClock

It'd be since you don't know the parent element. – fomicz

您不需要知道 :first-child 的父元素或 :nth-child()上类。 它们将正常工作,即使您没有指定父元素也是如此。

以下选择器保证匹配任何合适的 .select-me元素不管它的父元素是什么:

.select-me:nth-child(2)

关于css - 如何在不知道父元素的情况下选择第 n 个子元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4195161/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com