title: CSS - select children of a tag until next tag of same type
body: <p>I have a following DOM:</p>
  
  <pre><code>&lt;div class="someclass"&gt;
    &lt;p&gt;
      &lt;p&gt;
        &lt;span&gt;&lt;/span&gt;
      &lt;/p&gt;
    &lt;/p&gt;
    &lt;div&gt;
      &lt;p&gt;
        &lt;span&gt;&lt;/span&gt;
      &lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I need to apply a stylesheet to <code>span</code> tags which are under the div with <code>someclass</code> class, but NOT to <code>span</code> tags which are under nested <code>div</code>.</p>
  
  <p>There might be any other hierarchy of tags among them and <code>span</code> tags might be nested among any tags (except div). And using > will not help.</p>
  
  <p>Can you give me a selector to select them?</p>