如何将CSS应用于特定表内的tr？

Question

我只是尝试为我的TR标签分配一个不同的类，以便更改文本颜色

它根本不起作用（Chrome和FFox）

我也已经直接尝试过 td 标签，同样的问题

.tableClass > tbody > tr .trClass {
  color: red;
}

<table class="tableClass">
  <tbody>
    <tr class="trClass">
      <td>something</td>
    </tr>
    <tbody>
</table>

颜色应该改变，我应该在Chrome检查器中看到css选择器

Answer 1

如果您要给tr授课，那么代码应该是

.tableClass > tbody > tr.trClass
{
    color:red;
}

Answer 2

您应使用tr.trClass选择带有类的行。

这意味着设置<tr>中具有tbody的所有class="trClass"元素的样式。

请参见下面的代码段

.tableClass > tbody > tr.trClass
{
    color:red;
}

<table class="tableClass">
  <tbody>
    <tr class="trClass">
      <td>something</td>
    </tr>
    <tbody>
</table>