title: querySelector after a specific element
body: <p>Is there a way to select elements appearing after a given element using CSS selectors.</p>
  
  <p>Suppose I have a DOM like this one</p>
  
  <pre><code>&lt;body&gt;
    &lt;span class="next"&gt;A next span&lt;/span&gt;
    &lt;div&gt;
      &lt;span class="next target"&gt;the target next span&lt;/span&gt;
    &lt;/div&gt;
    &lt;div&gt;
      &lt;span class="next"&gt;this is the one I want to select&lt;/span&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I want to select the <code>span</code>s of class <code>next</code> but only the ones that appear after <code>span.next.target</code>. What make this tricky is that they need not to be siblings or under the same parent node but can appear anywhere in the DOM. </p>
  
  <p>Is this even possible, or am I doomed to stick with a for loop?</p>