css - 如何自定义 HTML 中每一列的第一行？

Question

我想自定义每一列的第一行。我尝试了许多 HTML 和 CSS 技巧，但它对我不起作用。

所附图片将进一步解释。我在 WordPress 中使用表格插件，因此无法将 JavaScript 或 id 添加到单个列。

Answer 1

CSS 有一个 first-child 伪元素，应该适合你。 Here is an article abut it.你的 CSS 最终应该是这样的:

table.mytableid > tbody > tr > td:first-child {
    background: blue;
    color: white;
}

> 用于必须是直接子元素的元素。