Html 如何对跨多行的其他表格行进行着色？

我试图对跨越相邻多行的每一行进行着色，同时也对这些行（不是每一行）进行着色。如果可能的话，我会如何使用CSS来实现这一点

----------------------------------------------
| HEADER | HEADER | HEADER | HEADER | HEADER | 
----------------------------------------------
|        | COLUMN | COLUMN | COLUMN | COLUMN | 
| COLUMN |------------------------------------
|        | COLUMN | COLUMN | COLUMN | COLUMN | 
----------------------------------------------
|        | COLUMN | COLUMN | COLUMN | COLUMN | 
|        |------------------------------------
| COLUMN | COLUMN | COLUMN | COLUMN | COLUMN | 
| shaded |------------------------------------
|        | COLUMN | COLUMN | COLUMN | COLUMN | 
----------------------------------------------
| COLUMN | COLUMN | COLUMN | COLUMN | COLUMN | 
----------------------------------------------
|        | COLUMN | COLUMN | COLUMN | COLUMN | 
| COLUMN |------------------------------------
| shaded | COLUMN | COLUMN | COLUMN | COLUMN | 
----------------------------------------------

---

如果不清楚，阴影行span旁边的行也应该一起阴影。

这就是你要找的吗

根据偏好使用第n个子项（偶数）或奇数，并设置背景色

table tr:nth-child(even) {
    background-color:lightgray;
}

<table class="table table-bordered">
    <tr>
        <td>stuff here</td>
        <td>stuff here</td>
        <td>stuff here</td>
    </tr>
    <tr>
        <td>stuff here</td>
        <td>stuff here</td>
        <td>stuff here</td>
    </tr>
</table>

表tr:n个子项（偶数）{
背景颜色：浅灰色；
}
这里的东西
这里的东西
这里的东西
这里的东西
这里的东西
这里的东西

这就是你要找的吗

根据偏好使用第n个子项（偶数）或奇数，并设置背景色

table tr:nth-child(even) {
    background-color:lightgray;
}

<table class="table table-bordered">
    <tr>
        <td>stuff here</td>
        <td>stuff here</td>
        <td>stuff here</td>
    </tr>
    <tr>
        <td>stuff here</td>
        <td>stuff here</td>
        <td>stuff here</td>
    </tr>
</table>

表tr:n个子项（偶数）{
背景颜色：浅灰色；
}
这里的东西
这里的东西
这里的东西
这里的东西
这里的东西
这里的东西

由于您希望着色基于具有

行span的单元格，因此
tr
上的第n个子项
在这种情况下不起作用

相反，您可以将行的每一部分放置在
tbody
元素中，并对该标记应用
nth子项
样式：


表格{
边界塌陷：塌陷；
}
运输署{
填充：0.3em；
边框：1px实心#ccc；
}
t正文：第n个孩子（奇数）{
背景色：#def；
}
t车身{
边框：2倍纯绿；
}

标题标题标题
列
列
列
列
列
列
列
列
由于您希望着色基于具有
行span的单元格，因此
tr
上的第n个子项
在这种情况下不起作用

相反，您可以将行的每一部分放置在
tbody
元素中，并对该标记应用
nth子项
样式：


表格{
边界塌陷：塌陷；
}
运输署{
填充：0.3em；
边框：1px实心#ccc；
}
t正文：第n个孩子（奇数）{
背景色：#def；
}
t车身{
边框：2倍纯绿；
}

标题标题标题
列
列
列
列
列
列
列
列
你的代码和try是什么？当你说shade时，你真正的意思是什么？可能重复，你的代码和try是什么？当你说shade时，你真正的意思是什么？在你的第一个代码片段中可能重复，类似于
tbody:nth child（odd）tr:first child td:first child{background color:#def；}
只对第一行的第一列进行着色，这似乎是op的意图。这当然只会对第一列进行着色，但我认为op希望对其他单元格进行着色。根据他的评论，“着色行span旁边的行也应该一起着色。”啊，对。我在看图片，而不是文字正是我想要的，现在我为没有想到这一点感到羞愧。。。谢谢，还有其他标签可以代替车身使用吗？tbody不支持像border这样的css属性。在您的第一个代码段中，类似于
tbody:nth child（odd）tr:first child td:first child{background color:#def；}
的东西只会对第一行的第一列进行着色，这似乎是op的意图。这肯定只会对第一列进行着色，但我认为OP希望根据他的评论对其他单元格进行着色，“着色rowspan旁边的行也应该一起着色。”啊，对。我在看图片，而不是文字正是我想要的，现在我为没有想到这一点感到羞愧。。。谢谢，还有其他标签可以代替车身使用吗？tbody不支持像border这样的css属性。