Non-incremental CSS classes on badges

Issue Summary

I was thrilled to see that each badge gets a class according to its name, so I can style individual badges differently. However, I started noticing that my styles were ignored some of the time. Of course, I soon discovered that this is because each badge is treated individually by user, i.e., the classes applied are different if the same badge is displayed for different users on the same page. So the second instance of the badge will be "badgename-1" and so on.

I'll be honest, I can't really imagine how those class names are useful since you can't do something like badgename-* in CSS. But it must be useful to someone or it wouldn't have gotten in there in the first place. What I'm wondering is, can we either switch it to one class name for all instances of the same badge, or at least add that to the way it currently works? By adding it we would have something like class="badgename badgename-1" on the first badge.