隣接セレクタは、要素と要素が直接隣接している場合(直後の弟)に適用されるセレクタです。このため、要素と要素の間に別の要素が有る場合は対象になりません。 親要素が同じになる要素の事を兄弟といい、先に書かれているのが兄になり後に書かれているのは弟になります。間に別の要素が入っている場合も弟である事に変わり有りませんがその場合は「直後の弟」にはなりません。このような兄弟関係から、隣接兄弟セレクタとも呼ばれます。 この隣接セレクタは、各単純セレクタをプラス(+)で区切って書きます。子セレクタ同様、プラス(+)の前後に半角スペースなどの空白類文字を入れる事ができます。 対応ブラウザ 隣接セレクタのサンプル p + ul { margin-top: 50px; } <p>テキスト</p> <ul> <li>p要素に隣接しているul要素</li> </ul> <p>テキスト</p> <h4>子見出し</