カテゴリー
CSS セレクタ 隣接セレクタ

【CSS】隣接セレクタ:隣接する要素のスタイルを適用する

(例)【CSS】隣接セレクタの使用方法

See the Pen
隣接セレクタ
by linlin (@linlin098765)
on CodePen.

<div>ああああ</div>
<p>良い良い</p>
<p>うううう</p>
div+p{background-color:red;}

【CSS】隣接セレクタ:隣接する要素のスタイルを適用する

 CSSの隣接セレクタは特定要素と同じ階層にある直後の隣接する要素に対しスタイルを適用します。選択方法としては「要素名+要素名{}」です。