CSS Wildcard element name selection

Question

Is there a way to select an element by name in CSS using a wildcard?

For example, with these elements:

<my-element-one></my-element-one>
<my-element-two></my-element-two>
<div></div>

Could I only select every one starting with 'my-element'? For example like this:

my-element-* {color: red;}

Answer 1

No. Only attribute selectors have any kind of wildcard syntax in CSS.

It sounds like your XML application design might be better off using fewer types and using attributes to distinguish between subsets of them.