html - 不知道如何使用 css 选择器

Question

我的 html 看起来像这样：

<div id="whatever">
    <div>
        <p></p>
        <p></p>
    </div>
    <div>
        <p></p>
        <p></p>
        <p></p>
    </div>
    <div>
        <p></p>
    </div>
</div>

现在，我需要选择所有p元素，除了div“whatever”中的最后一个元素。我试过#whatever>:not(:last-child)div>p了，但似乎没有用。任何帮助，将不胜感激。

Answer 1

你的顺序错了。应该是这样的：

#whatever > div:not(:last-child) > p

（为便于阅读添加了空格）

如果您指定标签，则标签始终位于选择器的该级别中。