在我不知道父元素的情况下,我无法想出选择第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. – BoltClockIt’d be since you don’t know the parent element. – fomicz
您不需要知道父元素:first-child或:nth-child().即使您没有指定父元素,它们也会正常工作.
保证以下选择器匹配任何适当的.select-me元素,无论其父元素是什么:
.select-me:nth-child(2)