接续兄弟组合器

基线广泛可用

自 2015年7月起，此特性已在主流浏览器中得到支持，可在大多数设备和浏览器版本中正常使用。

接续兄弟选择器（+）介于两个选择器之间，当第二个元素紧跟在第一个元素之后，并且两个元素都是属于同一个父元素的子元素，则第二个元素将被选中。

css

/* 图片后面紧跟着的段落将被选中 */
img + p {
  font-weight: bold;
}

语法

css

former_element + target_element { style properties }

css

li:first-of-type + li {
  color: red;
}

html

<ul>
  <li>One</li>
  <li>Two!</li>
  <li>Three</li>
</ul>

规范
Selectors Level 4 # adjacent-sibling-combinators

此页面最后更新于 2025年11月4日，由 MDN 贡献者更新。