Markieren Sie alle Zellen derselben Klasse in einer Tabelle ⇐ CSS

[Anonymous]

Derzeit habe ich eine Tabelle, die Gruppen wie diese hervorhebt:

Code: Select all

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); }

Ich habe jedoch insgesamt etwa 100 Hervorhebungsgruppen über etwa 1.000 Zellen. und manchmal können sich die Namen einer Hervorhebungsgruppe ändern, sich teilen oder kombinieren; Dies macht die Wartung sehr schwierig. (d. h. etwa 100 Selektorzeilen für diese eine Hintergrundfarbenregel)
Gibt es eine Möglichkeit, eine Art Erfassungsgruppe zu erstellen, die einer beliebigen Klasse in CSS entspricht? Wenn es einfacher ist, könnte ich den HTML-Code auch umgestalten, um die Hervorhebungsgruppen in ein anderes Attribut einzufügen und so etwas wie table:has([hl=hg1]:hover) [hl=hg1]