При наведении на кнопку, подсвечивался столбец таблицы??

Question

[Геннадий]

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

Comments

[Ivanq]

А можно код, пожалуйста? Так будет проще показать.

[Геннадий]

https://jsfiddle.net/xzLc9bhj/

Answer 1

[Ivanq]

<div class="column-wrapper">
  <div class="column-button">Заказать</div>
  <div class="column"></div>
</div>

.column-wrapper {
  position: relative;
}
.column {
  display: inline-block;
  width: 200px;
  height: 300px;
}
.column-button {
  display: inline-block;
  width: 180px;
  height: 30px;
  position: absolute;
  left: 10px;
  bottom: 20px;
}
.column-button:hover ~ .column {
  /* Меняем .column при наведении на кнопку */
}

Привел минимальный код. Если хочется посмотреть в действии, с красивостями, https://jsfiddle.net/Ivanq/pystopLx/

Приходится ставить кнопку перед столбцом, потому что иначе обратиться нельзя.

Comments

[Геннадий]

а как мне подкрутить в таблицу?))
https://jsfiddle.net/xzLc9bhj/