仅修改style.css实现德甲积分榜第一名数据加粗的CSS求助

问题分析 #

你之前的CSS代码里，table tr:first-child选中的是表格的表头行（包含<th>的那一行），而第一名（拜仁）的数据在表头之后的第一个数据行，也就是整个表格的第二个<tr>元素，所以之前的设置没作用在目标行上。

修改后的style.css代码 #

img {
  vertical-align: middle;
}

td {
  text-align: center;
}

td img {
  max-width: 50px;
}

/* 选中表头后的第一个数据行（即第一名所在行），设置粗体 */
table tr:nth-child(2) {
  font-weight: bold;
}

代码说明 #

• table tr:nth-child(2)：这个选择器会选中表格内的第二个<tr>元素，也就是包含第一名数据的行（第一个<tr>是表头）。
• font-weight: bold：直接把该行所有文本设为粗体，不需要加!important，这个选择器的优先级足够覆盖默认样式。

修改后不用改动任何HTML代码，就能让第一名的所有数据显示为粗体，同时保留你之前设置的队名与logo居中对齐效果。

内容的提问来源于stack exchange，提问作者Avissa Taghizadeh