CSSで「+（プラス）」というセレクタの意味は何？

CSS
最終更新：2017-05-07 by Joe

CSSでたまに見かける「+（プラス）」というセレクタ。

CSS隣接セレクタ「+（プラス）」

「＋」は隣接セレクタと呼ばれ、その名の通り、すぐ隣、特に、その直後に出現するの要素を表します。

例えば、下記は、Pの後にすぐ続くPを表します。

p + p {
  margin-top:10px
}

隣接セレクタ「+（プラス）」の関連リンク

おすすめの記事

正規表現：文字列を「含まない」否定の表現まとめ

この記事では、「任意の文字を含まない」や「任意の文字列（パターン）を含まない」など、否定の意味を持った正規表現について、1
2021-12-18
正規表現

正規表現：数字の表現。桁数や範囲など

正規表現での、数字に桁数に関する方法に関してです。また、これを応用して、数字の大きさの範囲を指定します。
2023-03-26
正規表現

git pull を強制し、リモートでローカルを上書きする方法

git pull して、リモートブランチの最新に合わせようとしたら・・、あれ？コンフリクト・・？なにこれ、うまくいかない1
2021-05-11
Git

正規表現：「行頭」「行末」の表現と、応用例

正規表現の基本、行頭（行の先頭）と行末（行の末尾）を表す表現です。
2018-07-20
正規表現

正規表現での、OR（いずれか、または）の表現方法

正規表現にいて、複数のパターンのうち「いずれか、または」を意味する「OR」を表現する方法についてです。
2021-05-01
正規表現

.gitignore の書き方。ファイル/ディレクトリの除外

.gitignoreの書き方と仕様を、具体例をまじえてまとめました。「あれ？うまく反映されない・・」など、gitの仕様の1
2021-12-10
Git

CSSに関連する記事

CSSで上下・左右に中央寄せする方法、全部まとめ

HTMLとCSSで、テキストや画像を縦方向（上下方向）に中央寄せ（センタリング）したい事があります。 この課題は簡単そう1
2019-05-29
CSS

チェックボックス(ラジオボタン)を縦に中央揃えするHTMLとCSS

HTMLとCSSで、チェックボックスやラジオボタンなどのINPUT要素を実装すると、いつもずれてしまいます。これを、縦方1
2017-10-15
CSS

CSS：input要素のplaceholderの色を変更する方法

CSSで、input要素や、textarea要素のplaceholderの色を変更する方法についてです。
2020-04-19
CSS

CSSで、マウスカーソルを指マークに変更する方法

CSSで、マウスカーソルを指マークに変更する方法です。
2017-08-17
CSS

CSS：absolute, relative, fixedを使った絶対配置、徹底まとめ。

HTMLでは、CSSプロパティ「position」をabsoluteに指定することで、絶対配置が可能な事はよく知られてい1
2017-08-22
CSS

CSSで、テキストや背景に、透明色を指定する方法

CSSで、テキストや背景に、透明色を指定する方法です。
2017-05-10
CSS