Yahoo actually came up with something similar <a href="http:&#x2F;&#x2F;acss.io&#x2F;" rel="nofollow">http:&#x2F;&#x2F;acss.io&#x2F;</a><p>Benefits over just using inline styles:
1) support for pseudo-classes (:hover)
2) reduce markup bloat (shorter class declarations vs equivalent inline-style declarations)