Question

我遇到了在第一个表中对类进行样式化的问题，同时保持其余表的相同。让我举个例子

<table>
    <tbody>
        <tr class="a"></tr>
    </tbody>
</table>
<table>
    <tbody>
        <tr class="a"></tr>
    </tbody>
</table>
<table>
    <tbody>
        <tr class="a"></tr>
    </tbody>
</table>

所以我希望第一个表的类a与其余表不同。我该怎么做呢？

感谢您的时间。

编辑：

我忘了提。我不能在每个表上添加单独的类。我只能给他们所有同一个班级。就是这样生成的。

Answer 1

在较新的浏览器中，您可以使用CSS3＆n; nth-child（）：

table:nth-child(1) tr.a{
  background-color:#ff0000;
}

如果这是父元素的第一个子元素（例如，假设这3个表是正文的子元素），则此方法有效。

您可以更具体地说明这是使用table选择器的第n个:nth-of-type()元素。

多个表css第一个孩子

1 个答案: