直系后代不工作（＆gt;）

Question

所以下面的代码是我希望表格的样子。但我想知道我是否可以使用直接后代CSS选择器组合器（下一个代码片段）来实现相同的功能。

＆＃13;

＆＃13;

.tabs td.line + td.line {
  border-left: 1px solid grey;
}

＆＃13;

<table cellspacing="0" cellpadding="0" class="tabs" style="border-bottom: 5px solid black" width="100%">
  <tr>
    <td height="10px">
    </td>
  </tr>
  <tr>
        <td valign="center" align="center" style="padding: 10px 0" class="line">
          <table>
            <tr>
              <td>
                something
              </td>
              <td valign="center">
              	something else
              </td>
            </tr>
          </table>
        </td>
        <td valign="center" align="center" style="padding: 10px 0" class="line">
          <table>
            <tr>
              <td>
                something
              </td>
              <td valign="center">
              	something else
              </td>
            </tr>
          </table>
        </td>
        <td valign="center" align="center" style="padding: 10px 0" class="line">
          <table>
            <tr>
              <td>
                something
              </td>
              <td valign="center">
              	something else
              </td>
            </tr>
          </table>
        </td>        
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;

这并不像预期的那样有效。期待它转到第一个表，找到直接后代tr并将其应用于直接后代td。

＆＃13;

＆＃13;

.tabs > tr > td + td {
  border-left: 1px solid grey;
}

＆＃13;

<table cellspacing="0" cellpadding="0" class="tabs" style="border-bottom: 5px solid black" width="100%">
  <tr>
    <td height="10px">
    </td>
  </tr>
  <tr>
        <td valign="center" align="center" style="padding: 10px 0" class="line">
          <table>
            <tr>
              <td>
                something
              </td>
              <td valign="center">
              	something else
              </td>
            </tr>
          </table>
        </td>
        <td valign="center" align="center" style="padding: 10px 0" class="line">
          <table>
            <tr>
              <td>
                something
              </td>
              <td valign="center">
              	something else
              </td>
            </tr>
          </table>
        </td>
        <td valign="center" align="center" style="padding: 10px 0" class="line">
          <table>
            <tr>
              <td>
                something
              </td>
              <td valign="center">
              	something else
              </td>
            </tr>
          </table>
        </td>        
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;

基本上只想知道css部分。