css - CSS を使用して、共通の親なしで、クラスに一致する最初の N 個の項目を選択します

Question

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>