Adjacent sibling combinator

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

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

former_element + target_element { style properties }

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

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

• General sibling selectors