Как имитировать hover в таблице?

Question

[Назарий Луговой]

Всем доброго дня!
Есть таблица:

При наведении на строчку (tr:hover) происходит ее выделение:

Задача, по умолчанию сделать выделеной одну строчку (без наведения), при попадании курсора в таблицу, выделение переключалось на наведенную строчку.
Заранее спасибо за подсказки!

Comments

[Рома Зварич]

Сбросьте код таблицы в Codepen, чтобы на примере показать решение

Answer 1

[Сергей delphinpro]

table 
  tr.hover
  tr
  tr

table:not(:hover) .hover,
table tr:hover {
  background: green;
  color: white;
}

Answer 2

[Рома Зварич]

Answer 3

[Владимир Куликов]

Вам нужно чтобы выводился div с корзиной?
Как при помощи css , при наведении на один див появлялся другой? это поможет.

jsfiddle.net/RAvSc вот маленький пример.

Comments

[Владимир Куликов]

Не прочел вопрос. Там оказалась совсем другая проблема)