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

Question

The below CSS code capitalizes every first letter of the first row in the table. However, I don't want the very last row to be have its first letter capitalized. I have tried using the :not() selector with no success. Any idea's?

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

Answer 1

Try :not(:last-child) on the 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

Hi you can use the css directive text-transform setted capitalize

so your css will be

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

to avoid that last row will be affected you can use the pseudo selector :last-child

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