CSS 相邻兄弟组合器 (+)

定义和用法

CSS 相邻兄弟组合器 (+) 用于选择紧接在另一个特定元素之后的元素。

实例

选择并设置紧接在 <div> 元素之后(而不是内部)的 <p> 元素的样式:

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

亲自试一试

CSS 语法

element1 + element2 {
  css declarations;
}

技术细节

版本: CSS2

浏览器支持

表格中的数字表示完全支持该组合器的首个浏览器版本。

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

相关页面

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