Table styling not showing up

Hi there, I am hoping someone can help me with trying to style two tables separately.

I have used the .tablepress-ID-N method, and the previews for the two tables are coming up as expected, but the colours on the pages don’t match the preview or the CSS I have set up.

Here is the code I am using:

.tablepress-id-1 thead th,
.tablepress-id-1 tfoot th {
	background-color: #FF5EA4;
	color: #ffffff;
}

.tablepress-id-1 .sorting:hover,
.tablepress-id-1 .sorting_asc,
.tablepress-id-1 .sorting_desc {
	background-color: #c36;
}

.tablepress-id-3 thead th,
.tablepress-id-3 tfoot th {
	background-color: #0071C3;
	color: #ffffff;
}

.tablepress-id-3 .sorting:hover,
.tablepress-id-3 .sorting_asc,
.tablepress-id-3 .sorting_desc {
	background-color: #004F88;
}

Both tables are showing the styling for #1 and I have tried swapping the order, they still both show the styling for #1.

Am I missing something? Functionally they are both perfect, I just need to distinguish them visually from one another!

Thank you in advance!