What's the problem with `class="btn large rounded"` and then in css:
.btn {}
.btn.large {}
.btn.rounded {}
.btn.large.rounded {} .btn {}
.btn.large {}
.btn.rounded {}
.btn.large.rounded {}Edit: I have a suspicion that most attempts at "semantic" CSS are a symptom of a slightly OCD designer wanting to write pretty markup, which is, in my opinion, probably the last thing you should be optimizing for productivity.
the .large class for headlines would similarly only be used inside the .h1 selector.
So there would be no collision in this case.
That doesn't mean it's a bad approach, but that is one concern I've heard about it.
Edit: Oh never mind, I now realize that you're saying it's harder to find markup that uses a specific combination of classes. That's probably true, sorry.