Adjacent sibling combinator

ترکیب  (+) adjacent sibling combinator دو انتخابگر را از هم جدا می‌کند و زمانی تطابق انجام می‌شود که انتخابگر دوم بلافاصله بعد از انتخابگر اول آمده باشد و هر فرزند یک والد element باشند.

/* باشند img پارگراف‌هایی که بلافاصله بعد از */
img + p {
  font-style: bold;
}

Syntax

former_element + target_element { style properties }

Example

CSS

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

HTML

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

Result

Specifications

Browser compatibility

BCD tables only load in the browser

See also