@Aztart

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

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

Пример:
.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);
}

6335c3fbe6493772620888.png
  • Вопрос задан
  • 58 просмотров
Пригласить эксперта
Ответы на вопрос 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Варианты:
1. hover для col
Вот тут есть мой древний ответ на аналогичный вопрос, там у col фон градиентом. Замените на цвет и добавите hover.
https://jsfiddle.net/Ankhena/ft7bsdag/

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

3. На js.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы