<a class="my-link" style="--hover-bg: red">Link</a>
<a class="my-link" style="--hover-bg: green">Link</a>
<a class="my-link" style="--hover-bg: blue">Link</a>
.my-link:hover {
background-color: var(--hover-bg, #000);
}
Я пришел к этому пониманию с опытом. Так что я считаю так, для кого важное название класса, тот еще не дошел до этого уровня.
для меня нет смысла в имени ! я и так понимаю, что смотрю.