このHTMLがあると仮定します。
<h1>Header 1</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<h1>Header 1</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<h1>Header 1</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
階層がフラットであることに注意してください。
<p>次に、要素の「中間ペア」を選択してみます。これは可能ですか？どうすればいいのかわからない。
<p>このセレクターは、次の最初のセレクターのみを取得し<h1>ます。
h1:nth-of-type(2) + p
ただし、このセレクターは、正しい<p>要素のペアに加え<p>て、必要なペアの後に表示される次のすべての要素を取得します。
h1:nth-of-type(2) ~ p
出来ますか？
JavaScriptはありません。マークアップは変更されません。一般的なソリューション。任意の数の<h1>sまたは<p>sが許可され、この場合、2番目の数は任意です。
セレクターを使ってこれが可能かもしれないと思って:not()いますが、理解できないようです。「一般的な兄弟」を選択して、必要に応じて除外するようなものです。