aタグのホバー効果などたくさんの要素につける場合、拡張性などを考えて、マルチクラスにしますか?
それともあまりにクラス名が多くなるのでタグ名で指定しますか?

・1
a:hover {}

・2
.animation:hover {}

今はできるだけタグ名は使わずにクラスを使うということなのでそのようにしているのですが、
下記のようになってしまうところが出てきますが、こんなにあっても問題ないと思いますか?

<div class="c-card c-card--margin-bottom u-gradient-lightgreen u-boxshadow-small js-hook-animation-fadein--scroll-long u-transition-all-500ms p-is-hidden">