title: how to select two levels of hierarchy of the html?
body: <p>Suppose, this html...</p>
  
  <pre><code>&lt;div id="main"&gt;
    &lt;div&gt;&lt;!--should select this--&gt;
      &lt;article&gt;should not select this&lt;/article&gt;
    &lt;/div&gt;
    &lt;div&gt;&lt;!--should not select this--&gt;
      &lt;article&gt;should select this&lt;/article&gt;
      &lt;article&gt;should select this&lt;/article&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>To re-declare my question: I want to select article's one level up parent if article is only one and if article is more than one it's one level up parent should not be selected but instead article itself should be selected.</p>
  
  <p>I need the cleaner way to select this as the selector.</p>