不确定如何使用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"any" 中的最后一个元素.我试过了#whatever>:not(:last-child)div>p,但似乎没有用.任何帮助,将不胜感激.

Answer 1

你订单错了.它应该是这样的:

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

(为了便于阅读而添加空格)

如果指定标记,则标记始终位于选择器的该级别中.