The Future of CSS: Target Multiple Classes with the Class Prefix Selector

In their example, they list btn-* as the selector catch all for .btn-primary|secondary|danger. I can't help but think why not just do, .btn.primary for the class name, and just target .btn with the selector?

Don't get me wrong, I appreciate the convenience of this, but I do worry about selector slowdown with what will effectively turn into a regex at some point. I'm dubious that this is needed.

This is pretty neat. Definitely seems like something that'll make writing CSS for similar classes a lot more convenient, and another example of how modern CSS seems to be adding a ton of features to make front-end development a lot more efficient.

The increased level of power HTML, CSS and JavaScript have now is honestly kinda insane.

   *[class*=btn-] { ... }

Like, the issue of `some-other-btn-primary` also matching the rule is pretty inconvenient, but definitely tolerable if people preferred writing style rules like this.

Personally, I don't think this is a great change to CSS. I prefer being able to grep for identifiers to see where they're used. Now you can't rely on that - maybe a rule is now covered by a prefix selector.