Question

我需要在要创建的表中的第一列（tbody标签内部）加粗。由于某种原因，常规方法无法正常工作。我已经尝试过标记和font-weight：粗体，以及第一个孩子。我怀疑这与通过TS中的函数生成的行有关吗？我试图在功能中将文本设置为粗体，但似乎也无法做到这一点。我对此很陌生，所以也许我只是缺少一些简单的东西？任何帮助将不胜感激！

该表正常生成。

tbody:first-child {
  font-weight: bold;
}

<table class="table table-editable table-striped table-hover table-  sortable" style="width:100%">
  <thead class="thread-dark">
    <tr>
      <th style="width: 90px;">Team</th>
      <th style="width: 90px;">Category</th>
      <th style="width: 90px;">SWAG</th>
      <th style="width: 90px;">Completed</th>
      <th style="width: 90px;">Remaining</th>
      <th style="width: 90px;">% Over/ Under SWAG</th>
    </tr>
  </thead>
  <ng-template ngFor let-team [ngForOf]="gemEngineeringTeams">
    <tbody team-list-row [engineeringTeam]="team"></tbody>
  </ng-template>
</table>

Answer 1

您正在寻找“也是其父项tbody的任何first-child”（tbody:first-child）。

您要查找tbody内第一个孩子的任何td：

tbody td:first-child {
  font-weight: bold;
}

或者，如果您期望除th之外还可能还有td，则“在tbody内一行的第一个孩子”：

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

无法加粗表中的第一列。我已经尝试了正常方法

1 个答案: