使用 CSS,当它们没有共同的父项时,是否可以选择与一个类匹配的前 N 个项目?我知道当他们有一个共同的父母时这是可能的,使用nth-child
我相信,但这只有在所有元素都有一个共同的父母时才有效,因为这是他们是兄弟姐妹的唯一情况。
这是我的具体情况的一个例子。在此示例中,我想<li>
使用 CSS 为任务 1 到 5 选择。可能的?
<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>