title: Selenium: how to define css if webpage has mutiple elements with same name
body: <p>I have the following HTML code:</p>
  
  <pre><code>&lt;table id="userPlaylistTable" cellspacing="0" cellpadding="0"&gt;
  &lt;div class="numCellWrapper"&gt;
  &lt;div class="listArrow up" onclick="moveRowUp($(this))"&gt;&lt;/div&gt;
  &lt;div class="numCell"&gt; 1 &lt;/div&gt;
  &lt;div class="listArrow down" onclick="moveRowDown($(this))"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="numCellWrapper"&gt;
  &lt;div class="listArrow up" onclick="moveRowUp($(this))"&gt;&lt;/div&gt;
  &lt;div class="numCell"&gt; 2 &lt;/div&gt;
  &lt;div class="listArrow down" onclick="moveRowDown($(this))"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="numCellWrapper"&gt;
  &lt;div class="listArrow up" onclick="moveRowUp($(this))"&gt;&lt;/div&gt;
  &lt;div class="numCell"&gt; 3 &lt;/div&gt;
  &lt;div class="listArrow down" onclick="moveRowDown($(this))"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Basically, now if I define my css as:</p>
  
  <pre><code>css=table#userPlaylistTable div[class='listArrow up']
  </code></pre>
  
  <p>It picks the first such element it finds. But, how would I have to define my css, so that it picks second element of this type?
  So, basically how would I define my css to pick a particular element, if multiple elements of the same kind exist on the page?</p>
  
  <p>Could someone please help me with this query?</p>
  
  <p>Thanks.</p>