title: nth-of-type css selector
body: <p>Below is a snippet of my HTML page:</p>
  
  <pre><code>&lt;td id="Platinum" align="center" width="16%"&gt;
      &lt;div&gt;&lt;/div&gt; 
      &lt;a&gt;link1&lt;/a&gt;
  &lt;/td&gt;
  &lt;td&gt;&lt;/td&gt;
  &lt;td id="Platinum" align="center" width="16%"&gt;
      &lt;div&gt;&lt;/div&gt;
      &lt;a&gt;link2&lt;/a&gt;
  &lt;/td&gt;
  &lt;td id="Platinum" align="center" width="16%"&gt;
      &lt;div&gt;&lt;/div&gt;
      &lt;a&gt;link3&lt;/a&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>Here I want to select third td element with id='platinum'</p>
  
  <p>what I tried is <code>driver.findElement(By.cssSelector("#platinum:nth-of-type(3)"));</code>.</p>
  
  <p>and </p>
  
  <p><code>driver.findElement(By.cssSelector("td[id='platinum']:nth-of-type(3)"));</code></p>
  
  <p>Both are not working any idea on how to select third td with <code>id='platinum'</code></p>