title: Wrong css ">" selectors (by me)
body: <p>I am trying to design a chess board with css3, but it seems like my selectors are wrong. <a href="http://jsfiddle.net/loloof64/nxvse1hd/6/" rel="nofollow">Here is my JsFiddle </a></p>
  
  <p>So why can't I see the designed test blue and red borders around lines and cells ?</p>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;body&gt;
      My chess board
      &lt;table class="chess_board"&gt;
         &lt;tr class="chess_line"&gt;
            &lt;td class="chess_cell black_cell white_piece"&gt;&lt;span&gt;&amp;#9812;&lt;/span&gt;&lt;/td&gt;
            &lt;td class="chess_cell white_cell white_piece"&gt;&lt;span&gt;&amp;#9813;&lt;/span&gt;&lt;/td&gt;
            &lt;td class="chess_cell black_cell white_piece"&gt;&lt;span&gt;&amp;#9814;&lt;/span&gt;&lt;/td&gt;
            &lt;td class="chess_cell white_cell white_piece"&gt;&lt;span&gt;&amp;#9815;&lt;/span&gt; &lt;/td&gt;
         &lt;/tr&gt;
         &lt;tr class="chess_line"&gt;
            &lt;td class="chess_cell white_cell"&gt;&lt;span&gt;&amp;#9820;&lt;/span&gt;&lt;/td&gt;
            &lt;td class="chess_cell black_cell"&gt;&lt;span&gt;&amp;#9821;&lt;/span&gt;&lt;/td&gt;
            &lt;td class="chess_cell white_cell"&gt;&lt;span&gt;&amp;#9822;&lt;/span&gt;&lt;/td&gt;
            &lt;td class="chess_cell black_cell"&gt;&lt;span&gt;&amp;#9823;&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
      My another chess board ... to be drawn !
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>css</strong></p>
  
  <pre><code>table.chess_board &gt; tr.chess_line {
    background-color: blue;
  }
  
  table.chess_board &gt; tr.chess_line &gt; td.chess_cell {
    border: 2px solid red;
   /*
    font-family: serif;
    font-size: 2.3em;
    width: 1.0em;
    height: 1.0em;
    text-align: center;
    */
  }
  
  table.chess_board &gt; tr.chess_line &gt; td.chess_cell &gt; span {
    position: relative;
    bottom: 0.1em;
  }
  
  table.chess_board &gt; tr.chess_line &gt; td.white_cell {
    background-color: rgb(217, 245, 2);
  }
  
  table.chess_board &gt; tr.chess_line &gt; td.black_cell {
    background-color: rgb(89, 34, 21);
  }
  
  table.chess_board &gt; tr.chess_line &gt; td.white_piece {
    color: rgb(179, 48, 63);
  }
  </code></pre>
  
  <p>Can anyone help ?</p>