Необходимо с помощью js сделать 'Текст' зеленым
Даны стили
table .c {color: red}
.a .c {color: green}
И разметка
<table id="t">
<tr>
<td class="c">Текст</td>
</tr>
</table>
Мой код
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
</head>
<body>
<style>
table .c {color: red;}
.a .c {color: green;}
</style>
<script>
document.getElementById('t').className = 'a'
//t.rows[0].className = 'a'
//t.className = 'a'
</script>
<table id="t">
<tr>
<td class="c">Текст</td>
</tr>
</table>
</body>
</html>
Пытался сделать разными способами, текст все равно красный. Ошибка скорее всего очень банальная, но не могу понять в чем она. Помогите пожалуйста