この記事では、CSSの+(プラス)の意味、使い方を説明していきます。
CSSのプラス(+)は隣接
CSSのプラスは隣接を意味します。
#sample+p {
background-color: yellow;
}
<div id="sample">サンプルのdiv</div>
<p>背景が黄色になる</p>
直後に隣接している要素をプラス(+)で表します。
CSSのプラス(+)のデモ
サンプルのdiv
背景が黄色になる
CSSのプラス(隣接)の応用
CSSの隣接を応用すると、以下の記事で紹介しているように、CSSだけでクリックイベントができたりします。