html - n 番目のタイプの選択

Question

私は2つのセットを持っています.2ul>li番目のセットを取得しようとしていますul>li.これは私がこれまでに行ったことです:

div.subject ul:nth-of-type(1)// 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>

の 1 セットを入手するにはどうすればよいul>liですか?

Answer 1

あなたのそれぞれは、それ自身の親ulの子としてそのタイプの最初のものであるため、セレクターは両方を選択します。div.subject

代わりにこれを実行できるはずです。これによりli、すぐに実行できulます。

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

（もちろん、そうでないものとdiv.subject混合している場合など、これは壊れます...）div.subject