我们如何在jQuery中使用选择器选择兄弟姐妹？

Question

这是一个使用jQuery选择兄弟姐妹的代码片段。我不明白如何在选择器中使用不同的组合来获取兄弟姐妹。下面是代码：

$(document).ready(function() {
  $('#main h1+h2').css("color", 'green');
  $('#main h2+p').css("color", 'green');
  $('#main p+p').css("color", 'green');
  $('#main p+h2').css("color", 'green');
  $('#main h2+h2').css("color", 'green');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<div id="main">
  <h1>Main Heading</h1>
  <h2>Subheading</h2>
  <p>I am paragraph</p>
  <p>I am paragraph</p>
  <p>I am paragraph</p>
  <h2>I am heading 2</h2>
</div>