更改数据表中特定列的颜色

Question

我正在尝试自定义默认数据表的颜色。我设法改变了标题的颜色和字体，但我没有改变每一列的颜色。例如，我有一列报告总死亡人数，我希望它是红色的。同时，我想确保我的标题颜色保持不变。

我的HTML代码

<table id="myTable"></table>
<div id="loadingLabel">Loading...</div

JS代码

const getNewCases = async() => {
const response = await fetch('https://covid19.mathdro.id/api/daily/3-18-2020');
const data = await response.json();
let usa = data.filter(val => {
return val.countryRegion === 'US';
});
$('#loadingLabel').hide();
$('#myTable').DataTable({
data: usa,
bLengthChange: false,
bPaginate: false,
scrollY:        '50vh',
columns: [
{ data: 'provinceState', title: 'State' },
{ data: 'countryRegion', title: 'Country' },
{ data: 'lastUpdate', title: 'Last Update' },
{ data: 'confirmed', title: 'Confirmed' },
{ data: 'deaths', title: 'Deaths' },
{ data: 'recovered', title: 'Recovered' }
]
});
};
getNewCases();

CSS代码

thead {
background-color: #2c3e4f;
font-family: monospace;
font-size: 20px;
color: wheat;
}

这是我的JSFIDDLE。

Answer 1

使用类型的css第n个

#myTable td:nth-of-type(5) {
background-color:red;
}

Answer 2

您可以使用第n个子更改特定列的颜色

tr td:nth-child(5) {
background: red;
}