使用CSS,选择与类匹配的前N个项,而不使用公共父项

时间:2013-08-13 23:08:24

标签: css select element parent-child children

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

0 个答案:

没有答案