CSS选择不遵循元素的元素

Question

我想选择所有不遵循H3或P的P：

<img>

<p> this is selected</p>

<p> this is not</p>

<p> this is not</p>

<span>

<p> this is selected</p>

<h3>

<p> this is not</p>

我试过

p + :not(h3, p) and :not(h3, p) + p

但它们不起作用

解决方案是什么？请帮忙

Answer 1

你可以这样表达css选择器：

*:not(h3):not(p) + p

见工作demo

Answer 2

使用这样的类......

<img>
<p class="sel"> this is selected</p>
<p> this is not</p>
<p> this is not</p>
<span>
<p class="sel"> this is selected</p>
<h3>
<p> this is not</p>

然后在你的CSS中你可以用......修改它们。

.sel {
   /* Styling here */
}

Answer 3

:not(h3):not(p) + p {
    ...
}