Выделить все ячейки одинакового класса в таблице ⇐ CSS

[Anonymous]

У меня есть таблица, в которой используются классы («группы выделения»), чтобы различать, какие ячейки должны выделяться при наведении курсора на одну ячейку. чтобы это произошло, я использую CSS следующим образом:

Код: Выделить всё

table:has(.hg1:hover) .hg1,
table:has(.hg2:hover) .hg2,
table:has(.hg3:hover) .hg3,
table:has(.hg4:hover) .hg4,
table:has(.hg5:hover) .hg5 { background-color: var(--highlight); }

однако у меня есть около 500 групп выделения, охватывающих примерно 3000 ячеек. одной группе ярких моментов также может потребоваться время от времени менять названия, разделяться или объединяться с другой; так что поддерживать - это боль.
есть ли способ заменить мой селектор длиной в 500 строк более простым оператором? Мне просто нужно, чтобы он соответствовал «всем ячейкам, которые имеют общий класс с ячейкой, над которой в данный момент наведен курсор».
По сути, я хочу добиться такого поведения без необходимости указывать hg1, hg2, hg3, hg4 и hg5 в CSS:



Подробнее здесь: https://stackoverflow.com/questions/798 ... in-a-table