title: Is there a CSS selector to locate nth element of a given type in the entire page?
body: <p>I have Selenium-based tests that validate a page with several H2 sections. The sections used to belong to the same parent, so it was easy to assert for an expected text using CSS selectors (I use FluentAutomation API):</p>
  
  <pre><code>I.Expect.Text("Section Title").In("h2:nth-of-type(2)")
  </code></pre>
  
  <p>Now the page design has changed, so H2 sections are placed under different DIVs, so each of them is now 1st child if its parent. Now the selector h2:nth-of-type(1) selects all H2 sections, and h2:nth-of-type(2) selects none.</p>
  
  <p>I would like not to be dependent on the structure of DIVs when selecting H2 sections. What I am trying to achieve is to select nth element of H2 type across the entire page. I know this is easy using jQuery, but is this possible using CSS syntax?</p>