CSSの相邻兄弟コンポーザー (+)

定義と使用方法

CSSの相邻兄弟コンポーザー（+) は、特定の別の要素の次に続く要素を選択するために使用されます。

例

次に続く<div>要素の後（内部ではなく）の<p>要素のスタイルを選択し設定します：

div + p {
  background-color: gold;
  border: 1px solid gray;
}

自分で試してみる

CSS文法

element1 + element2 {
  css宣言;
}

技術的詳細

バージョン： CSS2

ブラウザのサポート

テーブルの数字は、そのコンポーザーの最初の完全サポートブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
支持 7.0 支持 支持 支持

相关页面

CSS 教程：CSS 相邻兄弟选择器