Ребята, уважаемые. Добрый день. Подскажите, пожалуйста. Есть идея, сделать подсвечиваемые

Question

Ребята, уважаемые. Добрый день. Подскажите, пожалуйста. Есть идея, сделать подсвечиваемые

строки у таблицы, но не обычно. Есть 5 столбцов
QR, name, lastName, age, status.
Если наводишь на qr - подсвечивается только ячейка qr, если наводиь на name или lastName или age или status, подсвечиваются группа ячеек name, lastName, age, status. Реализовал это с помощью js, но можно ли это сделать на css?

#css #frontend #html #programming #russian

0

07.08.2023

13 ответов

15 просмотров

Макс Автор вопроса

его имя роберт полсон 🎰
можно сделать через ховер на всю строку tr. тр:хов...

Спасибо большое. Позволь уточнить. Я навожу на tr td.qrCell и собственно, меняю tr td.qrCell:hover { какое то правило} Но если навожу tr td.groupCell, то меняется же только у текущей ячейки, на которую навел, но всю группу не подсвечу

0

07.08.2023

его имя роберт полсон 🎰

Макс
Спасибо большое. Позволь уточнить. Я навожу на tr ...

если ты хочешь менять цвет одной ячейке тебе нужно работать в цсс только с этой ячейкой при помощи класса или атрибута. если ты хочешь поменять цвет группе ячеек тебе нужно отслеживать ховер на всю строку tr и в цсс написать что-то типа tr:hover .group{bgc: red}

0

07.08.2023

Макс Автор вопроса

его имя роберт полсон 🎰
если ты хочешь менять цвет одной ячейке тебе нужно...

Это понятно. Просто я хочу разделить наведение в 1 строке на несколько td. <tr> <td class="qrCell"></td> <td class="group"></td> <td class="group"></td> <td class="group"></td> <td class="group"></td> </tr> Если сделаю, как молвишь ты, то при наведении на qrCell будет подсвечиваться вся группа. Но задумка была след.: Наводишь на qrCell - подсвечивается только qrCell, наводишь на любой group - подсвечиваются ВСЕ group

0

07.08.2023

его имя роберт полсон 🎰

Макс
Это понятно. Просто я хочу разделить наведение в 1...

сделай ровно так как я описал и добьёшься именно этого эффекта

0

07.08.2023

Макс Автор вопроса

его имя роберт полсон 🎰
сделай ровно так как я описал и добьёшься именно э...

Спасибо большое. Сейчас же займусь

0

07.08.2023