除了使用CSS的最后一行之外，将表中的所有首字母大写

Question

下面的CSS代码将表格中第一行的每个第一个字母大写。但是，我不希望最后一行的第一个字母大写。我尝试使用:not()选择器但没有成功。有任何想法吗？

table tr td:first-child::first-letter {
    font-size:30px; 
      }

Answer 1

在:not(:last-child)上尝试tr：

table tr:not(:last-child) td:first-child::first-letter {
  text-transform: uppercase;
}

<table>
  <tr><td>ab</td><td>cd</td><td>ef</td></tr>
  <tr><td>ab</td><td>cd</td><td>ef</td></tr>
  <tr><td>ab</td><td>cd</td><td>ef</td></tr>
</table>

Answer 2

您好，您可以使用css指令text-transform setted capitalize

所以你的CSS将是

table tr td:first-letter{
 text-transform:capitalize;
}

为避免最后一行受到影响，可以使用伪选择器：last-child

table tr:last-child td:first-letter{
 text-transform:none;
}