0

使用 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>
4

0 回答 0