Можно использовать методологию БЭМ.
Вот как примерно должен выглядить код:
<table class = "table">
<caption>Council budget (in £) 2018</caption>
<thead class = "table__head">
<tr class = "head__column">
<th scope="col" class = "head__item">Items</th>
<th scope="col" class = "head__item">Expenditure</th>
</tr>
</thead>
<tbody class = "table__body">
<tr class = "body__column">
<th class = "body__item" scope="row">Donuts</th>
<td class = "body__item">3,000</td>
</tr>
<tr class = "body__column">
<th class = "body__item" scope="row">Stationery</th>
<td class = "body__item">18,000</td>
</tr>
</tbody>
</table>
То есть теперь ты можешь обратиться до класа
.head__items и стилизировать его как тебе угодно. Вот как это будет выглядить в CSS:
.head__items{
background-color: red;
}
