Post

To target multiple classes with the same prefix, you'd typically have to resort to brittle attribute selectors. To make things easier, CSS is getting a new selector: the “Class Prefix Selector” (`.foo-*`). Check brm.us/class-prefix... to get the details. (Browser Support: None 😛 — just resolved!)

This could probably be more explicit about why the attribute version is brittle

Indeed, it could mention why `[class|="foo"]` (even if relaxed as suggested) is also not quite the same as `[class^="foo-"], [class*=" foo-"]` or `.foo-*`.

I updated the post to include selector benchmark results: gist.github.com/bramus/1de3b...

My point wasn't about perf it was about why its brittle.. but also i think it would be helpful to say why not [attr|=value]

Yeah, this. I just don't understand why using attribute selectors would be a problem. Not to mention I don't even understand what that perf thing is trying to say. Beyond that probably it isn't as fast as a class, but I have no idea what to make of those numbers, what they are supposed to mean...