title: querySelector to select the closest parent for h1 and p+p elements - is it possible?
body: <p><strong>EDIT</strong>
  The structure is unknown - it should work for any news site, where there is a container/wrapper, that contains h1 and p+p (everything related to the main article of that page)</p>
  
  <p><strong>What I want can also be achieved with</strong> </p>
  
  <pre><code>let story = document.querySelector('p+p').parentElement;
  while(!story.querySelector('h1')){
      story = story.parentElement;
  }
  console.log(story);
  </code></pre>
  
  <h2>But I'm wondersing if there's a better solution?</h2>
  
  <p>Every news article has h1 tag and paragraphs with text. I'm wondering if it's possible to write a querySelector that will <strong>select the closest parent/container element that contains both h1 and p+p</strong>. The trick is that it should work with <em>any</em> news website...</p>
  
  <hr>
  
  <p>when I write</p>
  
  <pre><code>document.body.querySelector('* h1')
  </code></pre>
  
  <p>I can get h1 container, but there's might be multiple h1 tags on the page according to HTML5</p>
  
  <p><em>I know about querySelectorAll but this will not help in my case</em></p>
  
  <hr>
  
  <p>when I write</p>
  
  <pre><code>document.body.querySelector('* p+p').parentElement
  </code></pre>
  
  <p>I can get container for article body with paragraphs of text</p>
  
  <hr>
  
  <p>My question is if it's possible to combine those two examples into a single query? (w/o loop and multiple querys)
  Something like...</p>
  
  <pre><code>document.body.querySelector('* ~ h1 ~ p+p')
  document.body.querySelector('* h1 p+p')
  </code></pre>
  
  <p>...but workable </p>