CSS选择直接子项，但如果在另一个嵌套子项中则不选择

Question

因此，如果这是元素的HTML：

<div class="parent">
    <div class="ignore-me">
        <p class="p">don't select me</p>
        <p class="p">don't select me</p>
        <p class="p">don't select me</p>
        <!-- I don't know how many <p> gonna be here  -->
    </div>
    <p class="p">select me</p>
    <p class="p">select me too</p>
</div>

如何仅选择文本p来选择select me元素？

换句话说：如何使用CSS从查询中排除div.ignore-me元素？

Answer 1

使用div.parent > p.p