不确定如何使用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>:not(:last-child)div>p，但似乎没有用。任何帮助将不胜感激。

Answer 1

您的订单有误。它应该是这样的：

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

（为了便于阅读而增加了空格）

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