p + pについて教えて下さい

p + pが当てはまるすべての要素に対してスタイルがあたります。
2020年11月10日
ユーザー

p + p { color:orange;} についてですが、

p(←こちらの)+(←直後にある)p(←こちら)という意味でしたら

<h1 class="ttl">Tittle</h1>
<p>Hello, hello.</p> こちらのPの直後にある
<p>Hello, hello.</p> こちらのP
<p>Hello, hello.</p>

なので、2行目のpのみにフォントカラーのオレンジが適用されるんじゃないでしょうか?
何故3行目のpにもフォントカラーのオレンジが適用されるのでしょうか?


例えばh1 + p { color:orange;} でしたら
h1(←こちらの)+(←直後にある)p(←こちら)なので

<h1 class="ttl">Tittle</h1> こちらのh1の直後にある
<p>Hello, hello.</p> こちらのP
<p>Hello, hello.</p>
<p>Hello, hello.</p>

なので2行目のpのみにフォントカラーのオレンジが適用されますよね?
良くわからないので教えて下さい。
宜しくお願いします。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?