相关疑难解决方法(0)

在我不知道父元素的情况下,我无法想出选择第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!>

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

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

遇到一个奇怪的问题

对于HTML：

<ul>
    <li>one</li>
    <li>two</li>
    <li>three</li>
    <li class="has-item">four</li>
    <li>five</li>
</ul>

这有效：

ul li:first-child {
  font-size:30px
}

但为什么不这样

ul li.has-item:first-child {
  font-size:8px
}

小提琴： https : //jsfiddle.net/xx9us2sg/1/