Как при наведении на таблицу подсвечивать ряд и столбец где находиться курсор?

Question

[podushka]

Как при наведении курсора на таблицу подсвечивать ряд и столб, где находиться в данный момент курсор?


(На фото зачёркнута лишняя информация)
Если что, то таблица состоит из div :)

Comments

[twobomb]

Ток не полностью тут

[podushka]

twobomb, большое спасибо, но хочу уточнить, будет ли работать с таблице из div (имя div'ов такое же, как и в обычной таблице) и также можно ли сделать линии на всю таблицу, как на фото, а не останавливаясь на отмеченной ячейке?
Буду очень благодарен

[twobomb]

Не_скажу Всё_равно_не_скажу, Наверное нет. Похоже код сделан именно под таблицу. Предоставьте код верстки вашей таблицы

[podushka]

<style>
.table {
        display: table;
        border-collapse: collapse;
    }
    .tr {
        display: table-row;
    }
    .td {
        display: table-cell;
        text-align: center;
        border: 1px solid #b5b5b5;
        vertical-align: middle;
        padding: 2px;
    }
</style>
<div class="table">
    <div class="tr">
        <div class="td">1</div>
        <div class="td">2</div>
        <div class="td">3</div>
        <div class="td">4</div>
        <div class="td">5</div>
    </div>
    <div class="tr">
        <div class="td">1</div>
        <div class="td">2</div>
        <div class="td">3</div>
        <div class="td">4</div>
        <div class="td">5</div>
    </div>
    <div class="tr">
        <div class="td">1</div>
        <div class="td">2</div>
        <div class="td">3</div>
        <div class="td">4</div>
        <div class="td">5</div>
    </div>
</div>

Answer 1

[Softlink]

Как вариант

Comments

[podushka]

Мне это подходит, но как можно подключить scss? Или я что-то не вдупляю.........

[Softlink]

Не_скажу Всё_равно_не_скажу, на css

[podushka]

Softlink, Спасибо вам большое!!! Вы меня очень сильно выручили!