仅使用CSS删除元素

Question

我在下面有以下代码。

它内置于一个非常糟糕的系统中，因此我无法更改HTML。我需要做的是使用＆＃34; display：none＆＃34;在第一个和第二个＆＃34; tr＆＃34;在tbody。我怎样才能通过CSS实现这一目标？

我在没有工作的情况下尝试了以下内容：

.left-bar table tbody tr:nth-child(1),
.left-bar table tbody tr:nth-child(2) {
  display: none;
}

和

.left-bar table tbody:nth-child(1),
.left-bar table tbody:nth-child(2) {
  display: none;
}

代码

<td class="left-bar">
    <table width="100%">
        <tbody>
            <tr>
                <td colspan="3">
                    <div class="page_title additional" style="padding-bottom: 0px;">Ange betalningsadress</div>


                    Ange er fakturaadress för den specifika ordern tack.
                </td>
            </tr>
            <tr>
                <td><img src="white_dot.gif" width="1" height="10" border="0"></td>
            </tr>
            <tr>
                <td>Test 1</td>
            </tr>
            <tr>
                <td>Test 2</td>
            </tr>
        </tbody>    
    </table>
</td>