How to style even and odd rows of table

An example showing how to style even and odd rows of table using Tizen 2.3.
<style>
  tr:nth-child(odd) td {
    background: yellow;
  }
  tr:nth-child(even) td {
    background: orange;
  }
</style>
<table>
  <tr>
    <td>Item</td>
  </tr>
  <tr>
    <td>Item</td>
  </tr>
  <tr>
    <td>Item</td>
  </tr>
  <tr>
    <td>Item</td>
  </tr>
  <tr>
    <td>Item</td>
  </tr>
  <tr>
    <td>Item</td>
  </tr>
  <tr>
    <td>Item</td>
  </tr>
  <tr>
    <td>Item</td>
  </tr>
  <tr>
    <td>Item</td>
  </tr>
  <tr>
    <td>Item</td>
  </tr>
  <tr>
    <td>Item</td>
  </tr>
</table>

Responses

0 Replies