title: Why does nth-child equivalent work for css selector but not xpath?
body: <p>I am trying to get the xpath equivalent of this css_selector of this <a href="https://www.tab.com.au/sports/betting/Soccer/competitions/English%20Premier%20League" rel="nofollow noreferrer">website</a>. </p>
  
  <p>To get 6 elements I add: <code>div:nth-child(1)</code>.  For xpath it would be <code>//div[1]</code> yet this makes no difference. I am wanting all the 6 numbers under the left result <a href="https://ibb.co/htoZBb" rel="nofollow noreferrer">tab</a></p>
  
  <p>Css:</p>
  
  <pre><code>div:nth-child(1) &gt; proposition-return &gt; div &gt; animate-odds-change &gt; div &gt; div
  </code></pre>
  
  <p>Returns 6 elements</p>
  
  <p>xpath (quite similar):</p>
  
  <pre><code>//div[@class='propositions-wrapper'][1]//div[contains(@class, 'proposition-return')]//animate-odds-change//div//div
  </code></pre>
  
  <p>Returns 18</p>
  
  <p>I desire 6.  </p>
  
  <pre><code>&lt;div ng-repeat="odd in odds" class="animate-odd ng-binding ng-scope" ng-class="{
    'no-animation': oddsShouldChangeWithoutAnimation
  
      }" style=""&gt;2.05&lt;/div&gt;
  </code></pre>