Как применить цвет фона к элементу таблицы при наведении курсора на HTML? ⇐ CSS

[Anonymous]

В настоящее время я создаю проект, который показывает взаимодействие типов покемонов. По сути, у меня есть 3 набора столов. 2 для переключателей и 1 для отображения результатов. Я понимаю, что могу использовать td:hover, чтобы применить цвет фона, например
---CSS---
td:hover{
background-color:green;
}

---Text---
Я не уверен, как это применить при дифференцировании таблиц в HTML. Это хобби-проект, и я новичок. Вот фрагмент кода, который я пытаюсь отредактировать.
---html---




Normal




Fire




Water










Normal

x1





Fire

x1





Water

x1





Решения, которые я пробовал:

• пытался идентифицировать с помощью классов
  --CSS---

table tr td.ChangeColorOnHover:hover{
background-color:green;
}

---html---
...


[*]попробовал дочерний селектор и классы
---CSS--

table[class="ChangeColorOnHover"] tr td:hover{
background-color:green;
}

/*and*/
table.ChangeColorOnHover tr td:hover{
background-color:green;
}


Подробнее здесь: https://stackoverflow.com/questions/785 ... ng-in-html