How to highlight the first cell of table as heading in HTML using CSS3?

Neither HTML table have any default property of highlighting first cells of each column nor CSS. For this we use :first-child, it is a pseudo selector of CSS3. We will use it like this one:

table tr:first-child td{
  color:#00bfff;
} 

Read More: How to merge multiple columns in HTML table

DEMO 

See the Pen sJvfk by Mohammad Hamza Dhamiya (@hamzadhamiya) on CodePen.