Given the sample below, how do I select all p that do not have any descendants with the avoid class?
<div class="avoid">
<div>
<p>I don't want to style this one</p>
</div>
</div>
<div>
<div>
<p>Style only this one</p>
</div>
</div>
I tried :not(.avoid) p, but it doesn't work because some descendants of p don't have the avoid class, which is expected in my codebase.
I can't use :has