nth-of-type选择

Question

我有两套ul>li，我试图获得第二套ul>li，这是我到目前为止所做的：

div.subject ul:nth-of-type(1) //它返回我而不是一组

<div class="subject">
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
</ul>
</div>

<div class="subject">
<ul>
<li>g</li>
<li>h</li>
<li>i</li>
<li>j</li>
<li>k</li>
</ul>
</div>

如何获得一组ul>li？

Answer 1

您的ul中的每一个都是其自身div.subject父级的子类型中的第一个，因此您的选择器会同时选择它们。

您应该能够这样做，这将在第二个li中为您提供ul：

div.subject:nth-of-type(2) > ul > li

（当然，如果div.subject与div混合.subject并且不是{{1}}，那么这将会中断...等等。