JSFiddle - React, Tailwind, and code Playground

by daker

HTML

<!-- Source http://dev.opera.com/articles/view/zebra-striping-tables-with-css3/ -->
<table boder="0">
  <tr valign="top">
    <td>Salmon</td>
    <td>Omega-3's help the brain develop properly, reduce the risk of Alzheimer's, and help prevent heart disease.</td>
  </tr>
  <tr valign="top">
    <td>Spinach</td>
    <td>Great source of folate and lutein. Prevents birth defects, heart disease, stroke, and protects your skin from sun damage.</td>
  </tr>
  <tr valign="top">
    <td>Sweet Potatoes</td>
    <td>Beta carotene protects your skin from sun damage.</td>
  </tr>
    <tr valign="top">
    <td>Salmon</td>
    <td>Omega-3's help the brain develop properly, reduce the risk of Alzheimer's, and help prevent heart disease.</td>
  </tr>
  <tr valign="top">
    <td>Spinach</td>
    <td>Great source of folate and lutein. Prevents birth defects, heart disease, stroke, and protects your skin from sun damage.</td>
  </tr>
  <tr valign="top">
    <td>Sweet Potatoes</td>
    <td>Beta carotene protects your skin from sun damage.</td>
  </tr>
</table>

CSS

tr:nth-child(odd)		{ background-color:#eee; }
tr:nth-child(even)		{ background-color:#ccc; }