Html 我如何瞄准埋在一些div下的桌子？

我有一个表，我正试图使用CSS以第五行为目标。它被埋在四个地下室里

以表格为目标的最佳方式是什么？它使用的一个类在整个网站的许多其他表上重复了很多次，但我只希望针对这个表，我已将.q4类添加到：

基本上，我正在尝试更改表中嵌套在div内div、div内div内的行的下边框。完整的html如下所示：

<div class="mobile-league-table q4">
<div class="sportspress">
    <div class"sp-template sp-template-league-table">
        <h4 class="sp-table-caption">UAE Division 1</h4>
        <div class="sp-table-wrapper">
            <div class="sp-scrollable-table-wrapper">
                <table class="sp-league-table sp-data-table sp-scrollable-table" data-sp-rows="10">
                    <thead>
                        <tr>
                            <th class="data-rank">Pos</th>
                            <th class="data-name">Team</th>
                            <th class="data-p">P</th>
                            <th class="data-w">W</th>
                            <th class="data-l">L</th>
                            <th class="data-d">D</th>
                            <th class="data-pf">PF</th>
                            <th class="data-pa">PA</th>
                            <th class="data-pd">PD</th>
                            <th class="data-bp">BP</th>
                            <th class="data-pts">Pts</th>
                            <th class="data-form">Form</th>
                        </tr>
                    </thead>
                    <tbody>
                    <tr class="odd sp-row-no-0">…</tr>
                    <tr class="even sp-row-no-1">…</tr>
                    <tr class="odd sp-row-no-2">…</tr>
                    <tr class="even sp-row-no-3">…</tr>
                    <tr class="odd sp-row-no-4">…</tr>
                    <tr class="even sp-row-no-5">…</tr>
                    <tr class="odd sp-row-no-6">…</tr>
                    <tr class="even sp-row-no-7">…</tr>
                    <tr class="odd sp-row-no-8">…</tr>
                    <tr class="even sp-row-no-9">…</tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

阿联酋第一分部
销售时点情报系统
团队
P
W
L
D
PF
帕
PD
英国石油公司
临时秘书处
形式
…
…
…
…
…
…
…
…
…
…

谢谢你，Wordpress？哎呀

最好的办法是在加载HTML后进行一些DOM操作。我建议使用jquery。但是如果不能将jquery导入到项目中。当然，您仍然可以使用javascript实现这一点

var x = document.getElementsByClassName('.sp-row-no-4');
x[0].innerHTML = "Hello World!";

---

GetElementsByCassName（）返回数组，即使通过该类名只找到一个元素。希望这会有所帮助。

因为

q4

div中的表是唯一一个我们可以非常简单地针对它的表

.q4 table tbody tr:nth-child(your number here) td {
   border-bottom: 1px solid black;
}

td{
填充：.25em；
}
.q4表tbody tr:n第n个孩子（3）td{
边框底部：1px纯黑；
}

阿联酋第一分部
销售时点情报系统
团队
P
W
L
D
PF
帕
PD
英国石油公司
临时秘书处
形式
项目1
项目2
项目3
项目4
项目5
项目1
项目2
项目3
项目4
项目5
项目1
项目2
项目3
项目4
项目5
项目1
项目2
项目3
项目4
项目5
项目1
项目2
项目3
项目4
项目5

给表一个id或类。只要知道元素的类，就不需要定义整个树。如果所需元素具有class

行

，则可以使用

容器选择它。行

请添加HTML标记。在你这么做之前，我们只能猜测应该如何选择它。我添加了标记。感谢他们在

.q4

div中的许多表格？