使用CSS,当没有共同的父级时,是否可以选择与课程匹配的前N个项目?我知道有可能当他们有一个共同的父母,我相信使用nth-child
,但这只有在所有元素都有一个共同的父母时才有效,因为这是他们兄弟姐妹的唯一情况。
以下是我具体情况的一个例子。在此示例中,我想使用CSS为任务1到5选择<li>
。可能的?
<div id="todo-lists">
<ul class="list">
<li>Task 1</li>
<li>Task 2</li>
</ul>
<ul class="list">
<li>Task 3</li>
<li>Task 4</li>
<li>Task 5</li>
<li>Task 6</li>
</ul>
<ul class="list">
<li>Task 7</li>
<li>Task 8</li>
<li>Task 9</li>
<li>Task 10</li>
</ul>
</div>