Html CSS第n个子元素所有元素显示为；“奇数”；

我有一个HTML和CSS表格，希望应用第n个子选择器，以便在表格行之间交替颜色

由于某些原因，每一行都显示为相同的颜色

关于堆栈溢出的一个类似问题是，第n个子选择器不应用于子元素，而是应用于元素本身。我理解这一点，我有另一个正常工作的表类，但我想应用它的第二个表类不工作

我已经尝试将WORKING table类应用于几个表。在一些桌子上，它起作用，在其他桌子上，它不起作用

CSS:

HTML表格：

<table class="prevTable">
    <thead>
        <tr>
            <th>Parameter</th>
            <th>Value</th>
        </tr>
    </thead>
    <tbody>
             <tr><td>Some Content</td></tr>
             <tr><td>Some Content</td></tr>
             <tr><td>Some Content</td></tr>
             <tr><td>Some Content</td></tr>
        </tbody>
</table>

参数
价值
一些内容
一些内容
一些内容
一些内容

我的小提琴：

有什么想法吗

---

谢谢

您需要将它们包装在表数据中，td

<tbody>
     <tr><td>Some Content</td></tr>
     <tr><td>Some Content</td></tr>
     <tr><td>Some Content</td></tr>
     <tr><td>Some Content</td></tr>
</tbody>

一些内容
一些内容
一些内容
一些内容

问题似乎是HTML缺少

标记。如果这些标记在HTML中，CSS就会工作，如下所示：

参数
价值
tr=表格行
需要td=表格单元格（或表格数据）
一些内容
一些内容

---

was to slow:>

'Some content'大概是被包装在

元素中的吗？的确如此！很抱歉，当我使用

标记时，它在Chrome中对我有效：可能需要编辑这个问题来澄清这一点。为什么不将表上的背景色设置为一种颜色，将唯一的目标颜色设置为偶数或奇数，并使用备用颜色？

<tbody>
     <tr><td>Some Content</td></tr>
     <tr><td>Some Content</td></tr>
     <tr><td>Some Content</td></tr>
     <tr><td>Some Content</td></tr>
</tbody>

<table class="prevTable">
    <thead>
        <tr>
            <th>Parameter</th>
            <th>Value</th>
        </tr>
    </thead>
<tbody>
     <tr><td>tr = tablerow</td></tr>
     <tr><td>need a td = table cell (or table data)</td></tr>
     <tr><td>Some Content</td></tr>
     <tr><td>Some Content</td></tr>
</tbody>
</table>