[css] 클래스의 CSS에서 와일드 카드 *

스타일링하는 div가 .tocolor있지만 고유 식별자 1,2,3,4 등도 필요하므로 다른 클래스로 추가하고 있습니다 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;
}

단지 1 클래스를 가질 수있는 방법이 있나요 tocolor-*. *이 CSS에서와 같이 와일드 카드 를 사용해 보았지만 작동하지 않았습니다.

.tocolor-*{
  background: red;
}

답변

div[class^="tocolor-"], div[class*=" tocolor-"] {
    color:red
}

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

<div class="foo tocolor-">