Question

我有一个像这样的HTML

<ul>
    <li>1.1</li>
    <li>1.2</li>
    <li>1.3</li>
    <ul>
        <li>2.1</li>
        <li>2.2</li>
        <li>2.3</li>
    </ul>
    <ul>
        <li>2.4</li>
        <li>2.5</li>
        <li>2.6</li>
    </ul>
    <li>1.4</li>
    <li>1.5</li>
    <ul>
        <li>2.7</li>
        <li>2.8</li>
        <li>2.9</li>
    </ul>
    <li>1.6</li>
    <li>1.7</li>
    <li>1.8</li>
</ul>

我如何只定位最后一个和前三个孩子？在我的HTML中，我只想要 1.1 ， 1.2 ， 1.3 ， 1.6 ， 1.7 1.8 将成为目标。

这就是我document，但它也是针对ul儿童ul里面的li

Answer 1

首先，您需要一种方法来识别您感兴趣的ul。您可以向最外面的ul添加一个类或ID，以便您的选择器不会定位到其他{{} 1}}＆＃39;第（如果不能选择编辑HTML，则可以在选择器中使用父元素，并仅选择直接后代ul。）

接下来，使用正确的选择器来获得第一个和最后三个孩子。

选择前3个孩子：

ul

选择最后3个孩子：

ul.top > li:nth-child(-n+3)

见here.

N-child css目标最后和前3个孩子

1 个答案: