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

[Anonymous]

В настоящее время у меня есть таблица, которая использует классы для создания групп выделения, которые выделяются при наведении курсора, например:

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

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 строк селекторов для этого одного правила цвета фона)
есть ли способ создать какую-то группу захвата, соответствующую произвольному классу в CSS? если это проще, я мог бы также провести рефакторинг html, чтобы поместить группы выделения в какой-нибудь другой атрибут и сделать что-то вроде table:has([hl=hg1]:hover) [hl=hg1]

по сути, я хочу иметь возможность делать что-то вроде:

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

table:has(.(*):hover) .\1 { background-color: var(--highlight); }

какой бы элемент ни был наведен, другие элементы того же класса также должны быть выделены


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