Html CSS选择器分组：element.class element.class element-它选择什么？

我提供了一个CSS，其中包含以下代码

table.exm_table tbody tr.odd td{
    background-color:#ffffff;
}

我不确定它应该是什么风格。将在以下结构中的td元素上设置背景色

<table class="exm_table">
    <tbody>
        <tr class="odd">
            <td>Is this an selected element?</td>
        </tr>
    </tbody>
</table>

---

这让我感到困惑，为什么代码没有工作…

您最初的css目标是

td

，并将背景设置为白色（#fff）

---

您可以直接以类为目标

.exm_table {
    background-color:#ffffff;
}
.odd {
    background-color:#eeeeee;
}

您的HTML不正确，但是CSS将以

td

为目标。请注意，在（原始）示例中，没有表行

。您将看到它与更正的标记一起工作：

<table class="exm_table">
    <tbody>
        <tr class="odd">
            <td>Is this an selected element?</td>
        </tr>
    </tbody>
</table>

---

是的……下一个问题！除了这个

应该是这个

问这样的问题有什么意义，不要一个人去试？Paulie_D-我的错。我刚刚更新了它。user3560463——事实上，当我发表一个问题时，我也有同样的感觉，但为时已晚。但也许有人会觉得它有用。对不起，我在tr上犯了一个错误。谢谢你的回复。

<table class="exm_table">
    <tbody>
        <tr class="odd">
            <td>Is this an selected element?</td>
        </tr>
    </tbody>
</table>

/* to style ALL tds */
table.exm_table tbody tr td {background-color:pink;}
/* to style EVERY-OTHER td */
table.exm_table tbody tr:nth-child(odd) td {background-color:red;}
/* to style td WHERE THE PARENT TR HAS THE CLASSNAME 'odd' (nothing to do with actual odd/even ordering) */
table.exm_table tbody tr.odd td {background-color:blue;}
/* to style td WHERE THE PARENT TR HAS THE CLASSNAME 'bob' */
table.exm_table tbody tr.bob td {background-color:green;}