title: Css Selector - Select all siblings until a certain sibling
body: <p>We wish to avoid an excessive class usage on our code.</p>
  
  <p>We have the following html structure:</p>
  
  <pre><code>&lt;div id='hello'&gt;&lt;/div&gt;
  &lt;div&gt;&lt;/div&gt;
  &lt;div&gt;&lt;/div&gt;
  &lt;div&gt;&lt;/div&gt;
  &lt;div&gt;&lt;/div&gt;
  &lt;div id='hello2'&gt;&lt;/div&gt;
  &lt;div&gt;&lt;/div&gt;
  &lt;div&gt;&lt;/div&gt;
  &lt;div&gt;&lt;/div&gt;
  &lt;div&gt;&lt;/div&gt;
  &lt;div id='hello3'&gt;&lt;/div&gt;
  &lt;div&gt;&lt;/div&gt;
  &lt;div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>How can we select, for example, all divs after <code>#hello</code>, but just until <code>#hello2</code>?</p>
  
  <p>Is this possible using a mere css selector?</p>
  
  <p>Can we achieve this using a script language (jquery) ?</p>
  
  <p><strong>Update:</strong></p>
  
  <p>Despite needing a selector, that indeed work, I need this to be placed inside a javascript conditional... Sorry for not mention it up front and more clearly.</p>