html - 第n个类型选择

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

（当然，如果您将s 与不存在div.subject的 s 混合等等，这将中断......）div.subject