css - 要素に従わない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

実際のデモを見る

Answer 2

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

</ p>

Answer 3

このようなクラスを使用してください...

<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 */
}