wildcard in CSS for classes

Question

I have these divs that I'm styling with .tocolor, but I also need the unique identifier 1,2,3,4 etc. so I'm adding that it as another class tocolor-1.

<div class="tocolor tocolor-1">   tocolor 1   </div>
<div class="tocolor tocolor-2">   tocolor 2   </div>
<div class="tocolor tocolor-3">   tocolor 3   </div>
<div class="tocolor tocolor-4">   tocolor 4   </div>

.tocolor{
  background: red;
}

Is there a way to have just 1 class tocolor-*. I tried using a wildcard * as in this css, but it didn't work.

.tocolor-*{
  background: red;
}

Answer 1

Yes you can do this.

*[id^='term-']{
    [css here]
}

This will select all ids beginning with 'term-'.

As for the reason for not doing this, I can see why it would be desirable; as for style, I wouldn't do that, but it is feasible.