Html 使用css选择器选择嵌套表中tr中的所有td

我想选择tbody第一个tr内的所有td。我通常会这样做：tbody:first child td-->但这会给出您可以在图像上看到的结果，黄色就是结果

我的html短版本 我知道有未关闭的标记，但我从调试器复制了它，因为所有内容都是由jquery生成的。有什么想法吗

   <table class="wc-header">
    <thead>
        <tbody>
            <tr>
                <td rowspan="3">Medewerker 1</td>
                <td class="row_header">Van</td>
                <td class="hours" data-person="1" data-day="1" data-row="from">
                <input class="past selected" type="text" readonly="readonly">
                </td>
                <td class="hours" data-person="1" data-day="2" data-row="from">
                <td class="hours" data-person="1" data-day="3" data-row="from">
                <td class="hours" data-person="1" data-day="4" data-row="from">
                <td class="hours" data-person="1" data-day="5" data-row="from">
                <td class="hours specialday" data-person="1" data-day="6" data-row="from">
                <td class="hours specialday" data-person="1" data-day="7" data-row="from">
                <td class="hours" data-person="1" data-day="8" data-row="from">
                <td class="hours wc-today" data-person="1" data-day="9" data-row="from">
                <td class="hours" data-person="1" data-day="10" data-row="from">
                <td class="hours" data-person="1" data-day="11" data-row="from">
                <td class="hours" data-person="1" data-day="12" data-row="from">
                <td class="hours specialday" data-person="1" data-day="13" data-row="from">
                <td class="hours specialday" data-person="1" data-day="14" data-row="from">
                <td class="hours" data-person="1" data-day="15" data-row="from">
                <td class="hours" data-person="1" data-day="16" data-row="from">
                <td class="hours" data-person="1" data-day="17" data-row="from">
                <td class="hours" data-person="1" data-day="18" data-row="from">
                <td class="hours" data-person="1" data-day="19" data-row="from">
                <td class="hours specialday" data-person="1" data-day="20" data-row="from">
                <td class="hours specialday" data-person="1" data-day="21" data-row="from">
            </tr>
            <tr>
                <td class="row_header">Tot</td>
                <td class="hours" data-person="1" data-day="1" data-row="till">
                <td class="hours" data-person="1" data-day="2" data-row="till">
                <td class="hours" data-person="1" data-day="3" data-row="till">
                <td class="hours" data-person="1" data-day="4" data-row="till">
                <td class="hours" data-person="1" data-day="5" data-row="till">
                <td class="hours specialday" data-person="1" data-day="6" data-row="till">
                <td class="hours specialday" data-person="1" data-day="7" data-row="till">
                <td class="hours" data-person="1" data-day="8" data-row="till">
                <td class="hours wc-today" data-person="1" data-day="9" data-row="till">
                <td class="hours" data-person="1" data-day="10" data-row="till">
                <td class="hours" data-person="1" data-day="11" data-row="till">
                <td class="hours" data-person="1" data-day="12" data-row="till">
                <td class="hours specialday" data-person="1" data-day="13" data-row="till">
                <td class="hours specialday" data-person="1" data-day="14" data-row="till">
                <td class="hours" data-person="1" data-day="15" data-row="till">
                <td class="hours" data-person="1" data-day="16" data-row="till">
                <td class="hours" data-person="1" data-day="17" data-row="till">
                <td class="hours" data-person="1" data-day="18" data-row="till">
                <td class="hours" data-person="1" data-day="19" data-row="till">
                <td class="hours specialday" data-person="1" data-day="20" data-row="till">
                <td class="hours specialday" data-person="1" data-day="21" data-row="till">
            </tr>
        <tr>
        </tbody>
    <tbody>
    <tbody>
    <tbody>
</table>

解决了的 我的td有一个超控问题。在我发布我的问题后意识到这一点，thx寻求帮助

提前感谢

使用

tbody tr:first-child td {/* your styles */}

---

未关闭的

td

、

tr

、

thead

和

t车身

标签不是问题-不用担心。但是我看到多个

t正文

s-您想只选择第一个

t正文

中的第一行，还是选择任何第一行？每个正文中的任何第一行。一个tbody是一个大行，正如您在带有in-columnheader“Medewerker”的图像中所看到的，您可以向jQuery输出添加类吗？是的，但这是我考虑的最后一个选项。。。如果没有人能给我一个更简单的方法，我会添加类。Thx对于回应btw Guys问题是样式被覆盖。你知道我该如何确保这种风格比其他风格更受重视吗！重要的事情不起作用。在我提供的演示中，我已经完成了指定类和id的ext…的工作。在你的实际页面上，你可能会有其他风格的干扰。是的，我想这就是问题所在。我添加了一个编辑，也许你知道如何解决边界覆盖问题吗？对于测试，只需添加

！重要信息

到我为您编写的选择器中定义的样式。！重要的事情不起作用。正在指定我已经完成的类和id的扩展。。。仍然没有解决这是您的代码片段，实际的css不在您问题的上下文中。对于您提供的代码片段，提供的解决方案有效。我想您必须在您的终端进行一些调试，才能在实际代码中完成。好的一面是，对于要定位的元素，您有了正确的选择器。

tbody tr:first-child td {/* your styles */}