如何将多个类组合成一个语义命名的类？

I've been reading up on Block-Element-Modifier naming conventions, semantically-named style rules, etc. and I'd like to replace multiple class names in my html with a single, semantic class name. Can't seem to make it happen, though. Example:I've been reading up on Block-Element-Modifier