Chessboard style for a table with CSS. How?
<p>I have the following table and I want to make it to look like a chessboard. How can I do it? I tried with nth-child, but I couldn't solve it.
Thank you for any help!</p>

<pre><code>&lt;table class="chess"&gt;
        &lt;tr&gt;
            &lt;td&gt; &lt;/td&gt;
            &lt;td&gt;Brasov&lt;/td&gt;
            &lt;td&gt;Zarnesti&lt;/td&gt;       
        &lt;/tr&gt;

        &lt;tr&gt;
            &lt;td&gt; R14701 &lt;/td&gt;
            &lt;td&gt; 06:06 &lt;/td&gt;
            &lt;td&gt; 06:57 &lt;/td&gt;
        &lt;/tr&gt;

        &lt;tr&gt;
            &lt;td&gt; R14705 &lt;/td&gt;
            &lt;td&gt; 08:10 &lt;/td&gt;
            &lt;td&gt; 08:59 &lt;/td&gt;
        &lt;/tr&gt;

        &lt;tr&gt;
            &lt;td&gt; R14709 &lt;/td&gt;
            &lt;td&gt; 12:10 &lt;/td&gt;
            &lt;td&gt; 12:59 &lt;/td&gt;
        &lt;/tr&gt;

        &lt;tr&gt;
            &lt;td&gt; R14713 &lt;/td&gt;
            &lt;td&gt; 14:10 &lt;/td&gt;
            &lt;td&gt; 14:59 &lt;/td&gt;
        &lt;/tr&gt;
    &lt;/table&gt;
</code></pre>

<p>I tried this, but something is wrong, </p>

<pre><code>td:nth-child(even) {
    background: grey;
}

td:nth-child(odd){
    background: white;
}

tr:nth-child(even){
    background:white;
}

tr:nth-child(odd){
        background: grey;
}
</code></pre>