title: CSS Target 2nd td on the first 3 rows only
body: <p>Okay so i got a really specific css i need to set for the first 3 rows and only on the 2nd td of those 3 rows. is there anyway to target only them in css rules?</p>
  
  <p>right now i am trying like this</p>
  
  <p>here is the render</p>
  
  <pre><code>  &lt;tr className={getRowColor(props, l, i)}&gt;
                                  &lt;td&gt;{i + 1}&lt;/td&gt;
                                  &lt;td className="info-table-cell{l.info}&lt;/td&gt;
                              &lt;/tr&gt;
  </code></pre>
  
  <p>and here it is the second td in this row that i want to target for the first 3 rows only. And right now i try like this</p>
  
  <pre><code>.info-table-cell td:nth-child(1) {
    background-color: #FFF45E;
  }
  
  .info-table-cell td:nth-child(2) {
    background-color: #DCDCDC;
  }
  
  .info-table-cell td:nth-child(3) {
    background-color: #FFC933;
  }
  </code></pre>
  
  <p>but that does nothing. Anyone who knows how to do this? </p>