CSS表格首行加粗设置方法

想让CSS表格的首行文字自动加粗？虽然看似简单的`::first-row`伪元素写法很直观，但因浏览器支持不佳而存在兼容性风险；更可靠、无需改动HTML结构的方案是使用`tr:first-child`精准选择第一行，或结合语义化的`thead`标签配合`font-weight: bold`——既简洁高效，又确保在所有主流浏览器中稳定生效。

要让CSS表格的首行文字加粗，可以使用伪类 ::first-row 配合 font-weight 属性来实现。这种方法简洁高效，适用于HTML中的 table 元素。

使用 ::first-row 伪元素

示例代码：

table::first-row {
  font-weight: bold;
}

这样，表格的第一行所有内容都会显示为粗体，无需额外添加类名或修改HTML结构。

注意兼容性和实际表现

推荐写法（兼容性更好）：

table tr:first-child {
  font-weight: bold;
}

如果表格中使用了 thead，也可以更明确地针对表头：

thead tr {
  font-weight: bold;
}

总结