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

前端之家收集整理的这篇文章主要介绍了css – 如何在不知道父元素的情况下选择第n个孩子?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我不知道父元素的情况下,我无法想出选择第n个元素,最后一个元素或第一个元素的方法. nth-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!>

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

为什么有第一个孩子,最后一个孩子和第n个孩子的选择器和NO:第一个,: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)
原文链接:https://www.f2er.com/css/215614.html

猜你在找的CSS相关文章