Как через CSS реализовать выделение столбца таблицы при наведении?

Question

[Aztart]

Нужно, что бы при наведении курсора на ячейку в таблице, активировался стиль для всех ячеек колонки, к которой данная ячейка принадлежит.

Пример:

.tb-test td:nth-child(3),
.tb-test th:nth-child(3) {
  background-color: var(--the-color) !important;
  color: var(--the-background-color) !important;
  border-bottom: 1px solid var(--the-background-color);
  border-right: 1px solid var(--the-background-color);
  border-left: 1px solid var(--the-background-color);
}

Answer 1

[Ankhena]

Варианты:
1. hover для col
Вот тут есть мой древний ответ на аналогичный вопрос, там у col фон градиентом. Замените на цвет и добавите hover.
https://jsfiddle.net/Ankhena/ft7bsdag/

2. Псевдоэлементом.
Задаете ему высоту с запасом.
И таблице overflow.

3. На js.