使用CSS將表格中除最后一行以外的所有首字母大寫

Question

下面的CSS代碼將表中第一行的每個首字母大寫。 但是，我不希望最后一行的首字母大寫。 我嘗試使用:not()選擇器沒有成功。 有任何想法嗎？

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

Answer 1

在tr上嘗試:not(:last-child) ：

 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設置為大寫

所以你的CSS將是

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

為了避免最后一行受到影響，您可以使用偽選擇器：last-child

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